在项目中创建build文件夹,创建base.config.js文件(存放公共的东西,开发时依赖,生产时依赖)
创建dev.config.js文件(存放开发时依赖的配置):
创建prod.config.js文件(存放生产时依赖的配置)
所以,在开发时,配置文件就是base.config.js+dev.config.js
生产时,配置文件就是base.config.js+prod.config.js
为了让两个文件合并在一起,必须装一个东西
步骤一:安装webpack-merge
npm install webpack-merge --save-dev
步骤二:配置prod.config.js
base.config.js+prod.config.js合并
步骤三:配置dev.config.js
base.config.js+dev.config.js合并
步骤四:删除webpack.config.js
删除webpack.config.js之后,再使用npm run build等命令就会报错。
需要配置package.json文件
重新打包,会发现dist文件打包到了build文件夹下
修改base.config.js文件:
重新打包: