在项目中创建build文件夹,创建base.config.js文件(存放公共的东西,开发时依赖,生产时依赖)
webpack(九):webpack配置文件的分离
创建dev.config.js文件(存放开发时依赖的配置):
webpack(九):webpack配置文件的分离
创建prod.config.js文件(存放生产时依赖的配置)
webpack(九):webpack配置文件的分离
所以,在开发时,配置文件就是base.config.js+dev.config.js
生产时,配置文件就是base.config.js+prod.config.js
为了让两个文件合并在一起,必须装一个东西

步骤一:安装webpack-merge

npm install webpack-merge --save-dev
webpack(九):webpack配置文件的分离

步骤二:配置prod.config.js

webpack(九):webpack配置文件的分离
base.config.js+prod.config.js合并

步骤三:配置dev.config.js

webpack(九):webpack配置文件的分离
base.config.js+dev.config.js合并

步骤四:删除webpack.config.js

删除webpack.config.js之后,再使用npm run build等命令就会报错。
需要配置package.json文件
webpack(九):webpack配置文件的分离
重新打包,会发现dist文件打包到了build文件夹下
webpack(九):webpack配置文件的分离
修改base.config.js文件:
webpack(九):webpack配置文件的分离
重新打包:
webpack(九):webpack配置文件的分离

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-10-16
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-12-23
  • 2021-10-20
  • 2021-10-04
  • 2021-09-24
相关资源
相似解决方案