demo地址: https://github.com/Lkkkkkkg/webpack-demo
继上一次分离生产模式和开发模式的配置: https://blog.csdn.net/qq593249106/article/details/84948648
修改一下目录结构, 新建一个 config 文件夹 ,把 webpack 配置文件放进去方便管理:
```c
|- /dist
|- ......
|- /node_modules
|- /src //用于放源文件的文件夹
|- ......
|- /config
|- webpack.config.js
|- webpack.common.js
|- webpack.common.js
|- webpack.config.js
|- package.json
|- webpack.config.js //webpack配置文件
修改NPM脚本路径:
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "webpack --progress --config ./config/webpack.prod.js",
"dev": "webpack-dev-server --open --hot --progress --config ./config/webpack.dev.js"
},
修改 webpack.common.js, webpack.dev.js, webpack.prod.js 相关路径:
webpack.common.js
output: {
//公共output
path: path