入口VUEの複数

VUEプロジェクトを行うと、時々、多数の入口には、いくつかの問題を解決したいです。

あなたが名前を命名どんなindex.htmlを、のルートディレクトリにコピーし、もちろん、あなたがフォルダにもあり、私のindex1.htmlと呼ばれます

その後App.vueも私もApp1.vue呼ばれ、コピー

そして、main.jsは、1つのポイントをコピーして、私はまた、main1.jsと命名されました

MAIN1の変化に内部

インポートのApp から ./App 

変更

インポートのApp から ./App1 

その他には、変更することはできません。

そして、内部のビルドフォルダに移動します。

に示すように、エントリ内のファイルエントリは、追加されwebpack.base.conf.js

プラグインはどのように赤いボックスもコードの部分を追加したファイルを、webpack.dev.conf.js

その後、内部の赤いボックスをコードwebpack.prod.conf.jsファイルのプラグインを追加する方法を示し

最後に、図に示され、内部ビルドを追加する要求内のconfigフォルダをindex.js。

これまでのところ。入口構成する複数の完了しました。

NPMの実行ビルド入口の後のindex.htmlとindex1.html、2つのファイルを生成します。

ブラウザで、たとえば、アクセスに2つのアドレスを使用することができ、私がいました

http:// localhost:8080 /#/されるデフォルトのアドレス、

HTTPかもしれ:// localhostを:8080 / index1.html#/

おすすめ

転載: www.cnblogs.com/huzhuhua/p/11202565.html