如何将webpack DLL注入现有的HTML中？

Question

首先，利用webpack.DllPlugin生成vendor.dll.js。

其次，使用html -webpack-包含-资产插件将vendor.dll.js插入到HtmlWebpackPlugin生成的html中.如下所示：

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

问题：

如何在不使用html-webpack-plugin的情况下将vendor.dll.js插入到存在的html中?

谢谢

Answer 1

webpack构建创建的供应商包是本地文件系统上的JavaScript文件，就像webpack创建的任何其他包一样，因此您可以使用脚本标记将其包含在现有的HTML页面中，就像任何其他JavaScript文件一样。

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

(请注意，实际路径取决于您的本地设置，我对此一无所知)