mode

devlopment/producation 两个环境，分别新建webpack.dev.js和webpack.prod.js，然后提取公共代码在common.js.

cnpm i webpack-merge -D

const commonconfig = require("common.js")
const merge = require("webpack-merge")
const devconfig ={
	xxxxx
}
module.export = merge(commonconfig,devconfig )

可以参考vue-cli的webpack架构

"scripts": {
		"start":"webpack --config webpack.dev.js",
        "dev": "webpack-dev-server --config webpack.dev.js",
		"build": "webpack --config webpack.prod.js"
  },

当使用webpack.config.js时,直接可以在json中配置"dev":"webpack-dev-server "即可启动服务,当改成了其他名就需要配置config如上所示.

webpack和webpack-dev-server(默认webpack打包成dist而webpack-dev-server放到内存中测试)