在vue项目中，如何使用webpack动态配置实现不同环境的多域名打包？
- 内容介绍
- 文章标签
- 相关推荐
本文共计740个文字，预计阅读时间需要3分钟。
在前后端分离的架构中，各种框架的客户端界面越来越复杂，对项目的打包需求也日益复杂。以下是一个Vue项目中的打包方法，根据不同的命令行输入，输出不同环境的打包配置名：
- 打包开发环境：`npm run dev` 输出环境：`development`
- 打包测试环境：`npm run test` 输出环境：`test`
- 打包生产环境：`npm run prod` 输出环境：`production`
欢迎纠正，谢谢！
在如今前后端分离，各种框架盛行的前端界，对项目的打包要求也越来越复杂，本人分享一个vue项目里，根据命令行输入不同的命令，打包出不同环境域名的方法。（欢迎纠错，谢谢。）
1. 安装插件 cross-env，npm install cross-env --save -dev，用于配置命令行输入命令。
2. 修改package.json里的script命令：
配置了test（测试），ready（预发布），prod（正式）三种环境，npm run build 默认设置成 npm run build:prod，也可以根据自己需求，配置更多的命令，参数自定。网上看到有人去修改NODE_ENV这个默认的参数，配置文件里有很多地方都引用了这个参数。本人认为这个默认参数可以不改，自己重新增加一个参数就行（这里增加一个BUILD_ENV参数）。
本文共计740个文字，预计阅读时间需要3分钟。
在前后端分离的架构中，各种框架的客户端界面越来越复杂，对项目的打包需求也日益复杂。以下是一个Vue项目中的打包方法，根据不同的命令行输入，输出不同环境的打包配置名：
- 打包开发环境：`npm run dev` 输出环境：`development`
- 打包测试环境：`npm run test` 输出环境：`test`
- 打包生产环境：`npm run prod` 输出环境：`production`
欢迎纠正，谢谢！
在如今前后端分离，各种框架盛行的前端界，对项目的打包要求也越来越复杂，本人分享一个vue项目里，根据命令行输入不同的命令，打包出不同环境域名的方法。（欢迎纠错，谢谢。）
1. 安装插件 cross-env，npm install cross-env --save -dev，用于配置命令行输入命令。
2. 修改package.json里的script命令：
配置了test（测试），ready（预发布），prod（正式）三种环境，npm run build 默认设置成 npm run build:prod，也可以根据自己需求，配置更多的命令，参数自定。网上看到有人去修改NODE_ENV这个默认的参数，配置文件里有很多地方都引用了这个参数。本人认为这个默认参数可以不改，自己重新增加一个参数就行（这里增加一个BUILD_ENV参数）。