让前端飞Web前端之路

15、webpack从0到1-区分打包development和p

2020-03-23  本文已影响0人  ComfyUI

关于对开发环境和生产环境做不同的webpack配置。
git仓库:webpack-demo

1、缘起

2、配置

  webpack-demo/chapter15
+ |- /build
+   |- webpack.common.js
+   |- webpack.dev.js
+   |- webpack.prod.js
  |- src
  |- index.html
  |- package.json
- |- webpack.config.js
  ...

3、合并

$ npm install webpack-merge --save-dev
const merge = require("webpack-merge");
const commonConfig = require("./webpack.common.js");

const devConfig = { 
// development环境下的一些webpack配置
}

module.exports = merge(commonConfig, devConfig);
{
  "name": "webpack-easy-demo",
  "version": "1.0.0",
  "description": "webpack从0到1",
  "main": "index.js",
  "scripts": {
    "watch": "webpack --watch",
-   "build": "webpack",
-   "start": "webpack-dev-server",
+   "dev": "webpack-dev-server --config ./build/webpack.dev.js",
+   "build": "webpack --config ./build/webpack.prod.js"
  },
  // ...
}
$ npm run dev
$ npm run build

4、小结

上一篇 下一篇

猜你喜欢

热点阅读