webpack的配置

安装

由于webpack依赖node环境，所以在安装webpack之前需要先安装Node！

Node下载地址

这里我就使用局部方法安装webpage 3.6.0版本，如下：

npm install --save-dev webpack@3.6.0
node_modules/.bin/webpack -v    //查看版本
npm init    //初始化项目

然后新建src、dist文件夹与index.html文件，并在src文件夹里新建main.js、math.js，如下图所示：

打包命令如下：

node_modules/.bin/webpack ./src/main.js ./dist/bundle.js

配置webpack.config.js与package.json来使用便捷命令打包

webpack.config.js配置

在根目录创建名为webpack.config.js的文件

内容如下：

const path = require('path')

module.exports = {
  entry: './src/main.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  }
}

然后直接输入以下命令即可完成打包：

node_modules/.bin/webpack

package.json配置

在package.json中添加如下代码：

  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
+   "build": "webpack"
  },

然后输入以下命令即可完成打包：

npm run build

来源：https://www.cnblogs.com/LqZww/p/12036520.html