今回は、環境に基づいてテストパッケージと本番パッケージを生成するための 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 の内容を直接コピーして、いくつかのパラメーターを変更できます。
このようにして、テスト環境が 1 つ増えます。
ステップ 3. ビルド フォルダーに新しい webpack.test.conf.js を作成します。同じディレクトリ内の webpack.prod.conf.js の内容を直接コピーして、いくつかのパラメーターを変更できます。
このように、ビルド時に、configフォルダー内のtest.env.jsに移動して、環境
変数を見つけます。
ステップ 4. config フォルダーに新しい test.env.js を作成し、その内容を同じディレクトリ内の prod.env.js の内容に直接コピーし、いくつかのパラメーターを変更します。
このようにして、npm run test でテスト
interface を要求するテスト パッケージを出力できます。
パッケージ化が成功したかどうかは dist-->js-->app.js で確認できます。この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。 推奨読書:
ComponentとPureComponentの違いの詳細な説明
以上がvue-cli は環境に基づいてテスト パッケージと運用パッケージを生成しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。