ホームページ > ウェブフロントエンド > jsチュートリアル > vue-cli は環境に基づいてテスト パッケージと運用パッケージを生成します

vue-cli は環境に基づいてテスト パッケージと運用パッケージを生成します

php中世界最好的语言
リリース: 2018-05-24 15:51:04
オリジナル
2253 人が閲覧しました

今回は、環境に基づいてテストパッケージと本番パッケージを生成するための vue-cli について説明します。 vue-cli が環境に基づいてテストパッケージと本番パッケージを生成するための 注意事項 は次のとおりです。 、見てみましょう

ステップ1: package.jsonコマンドラインスクリプトtestコマンドを追加し、ビルドフォルダー内のtest.jsをポイントします。

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node build/build.js",
    "test": "node build/test.js"
  },
ログイン後にコピー

ステップ 2. build フォルダーに新しい test.js を作成します。同じディレクトリ内の build.js の内容を直接コピーして、いくつかのパラメーターを変更できます。

vue-cli は環境に基づいてテスト パッケージと運用パッケージを生成します

このようにして、テスト環境が 1 つ増えます。

ステップ 3. ビルド フォルダーに新しい webpack.test.conf.js を作成します。同じディレクトリ内の webpack.prod.conf.js の内容を直接コピーして、いくつかのパラメーターを変更できます。

vue-cli は環境に基づいてテスト パッケージと運用パッケージを生成します

このように、ビルド時に、configフォルダー内のtest.env.jsに移動して、環境

変数を見つけます。

ステップ 4. config フォルダーに新しい test.env.js を作成し、その内容を同じディレクトリ内の prod.env.js の内容に直接コピーし、いくつかのパラメーターを変更します。

vue-cli は環境に基づいてテスト パッケージと運用パッケージを生成します

このようにして、npm run test でテスト

interface を要求するテスト パッケージを出力できます。

パッケージ化が成功したかどうかは dist-->js-->app.js で確認できます。

vue-cli は環境に基づいてテスト パッケージと運用パッケージを生成します

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

ComponentとPureComponentの違いの詳細な説明

Reactにおけるルーティングの詳細な説明

以上がvue-cli は環境に基づいてテスト パッケージと運用パッケージを生成しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート