生产环境和开发环境原创
# 生产环境和开发环境配置
# 公共路径
- 配置output项中的publicPath
- 定义打包文件的公共路径,而不采用相对路径
- 一般为项目的域名
# 环境变量
- 在进行打包时传入当前的环境模式
- npx webpack --env production
- 在webpack.config.js中可以获取到用户输入的环境模式
- 根据环境变量来动态返回对应的配置即可
# 拆分配置
- 将生产环境和开发环境的配置拆分到两个文件中
- 手动选择一个配置进行打包
- npx webpack -c 路径
# npm 脚本
- 手动输入命令太麻烦可配置脚本来自动执行
- 创建package.json配置script选项
# 提取公共配置
- 将生产环境和开发环境的共同配置提取到一个公共的配置中
- 使用webpack的merge插件将不同的配置进行合并
- 根据script的不同env来进行不同配置的合并