Vueプロジェクトの環境別パッケージ


私たちがプロジェクトを開発するときはvue-cli 2を使います.xバージョンの新しいプロジェクトは、dev、proの2つの開発環境しかなく、テストのためにtest環境が必要になることがあるので、多くの方法を探して、最も簡単な方法をまとめました.
  • package.jsonはbuildの下にtest実行コマンド
     "test": "node build/build.js"
  • を追加した.
  • prod.env.js

  • config->prod.env.jsでのコードの変更
      'use strict'
      //            
      const target = process.env.npm_lifecycle_event;
      //        
      console.log('env is deploying, current env is', target)
      //       , test,  build
      if (target == 'test') {
        var obj = {
          NODE_ENV: '"production"',
          API_ROOT: '"           "',
        }
      } else {
        var obj = {
          NODE_ENV: '"production"',
          API_ROOT: '"           "',
        }
      }
        
      module.exports = obj;

    3.テスト環境:
    $ npm run test
        : 
    ```
    $ npm run build
    ```