将webpack配置文件分离是一种常见的方式:
新建三个文件,放到config文件夹下:
webpack.common.js 这是测试和生产都会用到的配置
webpack.dev.js 这是测试环境的配置
webpack.prod.js 这是生产环境的配置
package.json 中配置:
"scripts": { "build": "webpack --config webpack.prod.js", "dev": "webpack serve --config webpack.dev.js" },
或者
"scripts": { "build": "webpack --config webpack.common.js --env production", "dev": "webpack serve --config webpack.common.js --env development" },
--env,可以在 webpack.common.js 中获取到:
module.exports = function(env){ // 这里的 env 可以取到 console.log(env.production) return { // 注意:entry的路径不是相对于当前文件所在位置,而是相对于 context 这个属性配置的路径,context是和entry同级的一个变量,它默认指向根目录,所以,从根目录开始查找,entry就是 './src/main.js' entry: './src/main.js', output: { path: path.resolve(__dirname, '../build') } } }