vueCli3打包区分测试环境和正式环境

1.在根目录文件夹下建.env.development和.env.production文件
2.以.env.development文件为例:
  建立配置文件如下:(配置文件不能添加任何注释)
    NODE_ENV='development'
    VUE_APP_TITLE = 'development'
    VUE_APP_BASEURL='http://test.hongyu.1stepai.cn:5274'
    VUE_APP_URL = '/'
    VUE_APP_WEB='ws://test.hongyu.1stepai.cn:7272'
3.在package.json文件中的' script '下添加如下:
     "dev-build": "vue-cli-service build --mode development"。mode后面的名字一定要与所建文件中的NODE_ENV名字一致。
4.这样就可以执行npm run dev-build打包,但是打包出来的文件夹目录都很散乱,
5.所以在vue.config.js文件里添加如下代码,可以将打包出来的js文件放到一个目录下
    // 将测试打包的单独js文件放到一块
     configureWebpack:process.env.NODE_ENV === 'development'?{
        output:{chunkFilename:'js/[id].js'}
      }:{},

 

你可能感兴趣的:(vueCli3打包区分测试环境和正式环境)