zoukankan      html  css  js  c++  java
  • 应用七:Vue之适配test环境变量(2.0版)

          在我们使用vue-cli创建的项目中,默认只有开发development和生产production两种环境变量;但在实际的项目开发过程中往往都会有测试环境,下面就来说一下如何适配测试环境test的环境变量。

    1、在项目的config目录下新建test.env.js文件,然后拷贝prod.env.js文件内容到该文件,并修改productiontest,代码如下:

    2、在项目的build目录下新建webpack.test.conf.js文件,然后拷贝webpack.prod.conf.js文件内容到该文件,并修改引入对应的配置文件为test.env.js,代码如下:

    3、在项目的build目录下新建build.test.js文件,然后拷贝build.js文件内容到该文件,并修改引入对应的配置文件为webpack.test.conf.js,代码如下:

    4、package.js文件中添加新的打包命令,代码如下:

    5、最后根据不同的环境变量适配axios请求的baseURL,代码如下:

    至此,我们在终端命令行分别执行npm run testnpm run build就分别打的测试环境和生产环境的包。

     

    但有一点需要注意:

      在config目录下的index.js文件中,build模块下的属性配置是被testproduction共享的,如下build模块:  

      如果要区分配置,可以拷贝整个build模块代码并修改buildtest,然后将文件webpack.test.conf.jsbuild.test.js中“config.build.”的地方都修改为“config.test.”,具体如build.test.js文件中的下述代码:

  • 相关阅读:
    【转】漫谈linux文件IO--io流程讲的很清楚
    iostat命令
    【转】ATA Secure Erase
    同步IO和异步IO
    fio2.1.10--README
    【转】地址空间、内核空间、IO地址空间
    博客收藏--sailing的博客
    Cosmos OpenSSD架构分析--HOST interface(未完)
    nginx 过滤zip 类型的文件
    freeswitch GUI界面(portal)
  • 原文地址:https://www.cnblogs.com/fengyuexuan/p/11022840.html
Copyright © 2011-2022 走看看