Vue プロジェクトを環境ごとにパッケージ化する方法のまとめ

この記事では、環境ごとに Vue プロジェクトをパッケージ化する方法をまとめて紹介します。必要な方は参考にしていただければ幸いです。

プロジェクトを開発するとき、新しいプロジェクトを作成するのに vue-cli 2.x バージョンを使用します。開発環境は dev と pro の 2 つだけです。テストのためにテスト環境が必要になる場合があるため、多くの方法を見つけて最も簡単な方法をまとめました。 1. 誰もが使える方法です

1. package.json

config -> の build

にコマンドを追加します。 ; 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
"

おすすめ関連記事:

v-model の実装原理とは? v-modelの使い方を紹介（コード付き）

vueでのイベントのバブリングを防ぐ方法を詳しく解説

以上がVue プロジェクトを環境ごとにパッケージ化する方法のまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。