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

Question

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

其次，使用 html-webpack-include-assets-plugin 将 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 创建的任何其他包一样，因此您可以像任何其他 JavaScript 文件一样将其包含在现有的 HTML 页面中——使用脚本标签。

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

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