在新建好的项目中，一般执行新公共管理运行构建就是打包了，但此时只能打包到一个环境，不同环境需要配置不同的地址，可以手动更改接口的地址，也可以自行配置命令而不需要每次打包进行地址切换，步骤如下：

文件结构如下图：

1)在配置文件内新建test.env.js文件：

使用严格的“模块。导出={ NODE _ ENV: ' '测试' '，ENV_CONFIG: ' '测试' ' }2)修改配置内的prod.env.js文件：

使用严格的“模块。导出={ NODE _ ENV: ' '生产' '，ENV_CONFIG: ' '生产' ' }3)对建设中webpack.prod.conf.js做如下修改：

//const env=require('./config/prod.env') //原始代码或者为

//const ENV=process。ENV。NODE _ ENV==' testing '//原始代码//?要求('./config/testenv ')//:必需('./config/prod。ENV ')//控制台。日志(进程。ENV。node _ ENV)；修改为：

const Env=配置。建立[流程。环境。Env _ config ' Env ']4)配置中的index.js文件中建设部分代码修改如下：

构建： { prod env : }需要('。/prod.env ')，testEnv: require '。/test.env ')，//index.html索引：路径的模板解析(__dirname ,)./dist/index.html ')，//余下的代码就不写了}5)确认安装交叉环境

新公共管理安装跨环境-保存-开发6)对建设文件夹下的build.js的修改：

请使用严格的要求./check-versions ')()//进程。ENV。node _ ENV=' production '//注释掉const ora=require(' ora ')const RM=require(' rim RAF ')const path=require(' path ')const粉笔=require('粉笔)const web pack=require(' web pack ')const config=require('./config)const webpack config=require(' ./web pack。产品。conf ')//const spinner=ora('为生产而构建.') //注释掉var spinner=ora('流程。ENV。' NODE _ ENV '模式的process.env.env_config '的构建).)spinner.start()7)修改package.json文件（在脚本里面添加):

脚本： { ' dev ' : ' web pack-dev-server-inline-progress-config build/web pack。戴夫。糖膏剂js”，“start”:“NPM run dev”，“unit”:“jest-config test/unit/jest。糖膏剂js-coverage '，' e2e ' : '节点测试/e2e/runner。js '，' test': 'npm运行单元npm运行e2e '，' lint ' 3: ' esint-extjs，vue src测试/单元测试/e2e/规范、“build”:“NODE build/build . js”、“build-test”:“cross-ENV NODE _ ENV=testing ENV _ config=test NODE build/build。js '，' build-prod ' : ' cross-ENV NODE _ ENV=production ENV _ config=prod NODE build/build。js ' }，8)在普通文件下新建env.js，对环境进行判断并切换，内容如下：

/* * 配置编译环境和线上环境之间的切换* baseUrl:域名地址*路由器代码：路由模式*/let BaseURl=' '；让routerMode='历史记录让DEBUG=false让cancel HTP=[]；//取消请求头设置；//注：下面的基础地址地址为假地址，只是模拟的，无法调通if(过程。ENV。node _ ENV==' development '){ BaseURl=' https://10。248 .65 .100/GetTravelMethod '；调试=真；} else if(process。ENV。node _ ENV==' production '){ BaseURl=' https://10。248 .65 .200/GetTravelMethod '；DEBUG=false} else if(进程。ENV。node _ ENV==' testing '){ BaseURl=' https://10。248 .65 .150/GetTravelMethod '；DEBUG=false}导出{ baseUrl、routerMode、DEBUG、ROLE、cancleHTTP }想要试验环境下则运行：

新公共管理运行构建测试相应的改为生产环境则运行：

新公共管理运行构建产品以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。