Webpack DLLを既存のHTMLに挿入するにはどうすればよいですか？

まず、webpack.DllPluginを使用してvendor.dll.jsを生成します。Webpack DLLを既存のHTMLに挿入するにはどうすればよいですか？

第2に、html-webpack-include-assets-pluginを使用して、HtmlWebpackPluginによって生成されたhtmlにvendor.dll.jsを挿入します。このように：

new HtmlWebpackPlugin(), 
new webpack.DllReferencePlugin({ 
    context: __dirname, 
    manifest: require('./vendor-manifest.json') 
}) 
new HtmlWebpackIncludeAssetsPlugin({ 
    assets: ['vendor.dll.js'], 
    hash: true, 
    append: false, 
})

質問：

どのように私は、HTML-WebPACKの-プラグインを使用せずに、exsiting HTMLにvendor.dll.jsを挿入することができますか？

おかげ

出典

2017-12-20 summer

何をしようとするスクリプトインジェクションです。ブラウザコンソールから簡単に操作できます。自動注入をご希望の場合は、クロムエクステンションなどのブラウザの拡張機能を調べる必要があります。 –

Ji、あなたが疑問を誤解していると思うか、おそらく私は - 自分のHTMLファイルにバンドルを含めたいと思っています –

はWebPACKのビルドで作成したベンダーバンドルはただのWebPACKが作成した他のバンドルのようなローカルファイルシステム上のJavaScriptファイルであるので、あなたは他のようなあなたの既存のHTMLページに含めることができますJavaScriptファイル - スクリプトタグを使用します。

<script src="vendor.dll.js"></script>

は、（実際のパスは、私はについては何も知らないあなたの地元のセットアップ、に依存することに注意してください）

出典

2017-12-20 20:31:29

申し訳ありませんが、私は質問を明確にしません。実際には、vendor.dll.jsの名前は '[name] _ [hash]'によって生成されます。名前が変わる可能性があります。私はwebpackが自動的にこのスクリプトを既存のhtmlに挿入するのを助けることができるかどうか疑問に思っています。ところで、お返事ありがとう。 – summer

Webpack DLLを既存のHTMLに挿入するにはどうすればよいですか？

答えて

関連する問題