首先,使用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中?
谢谢
由webpack构建创建的供应商包是本地文件系统上的JavaScript文件,就像webpack创建的任何其他包一样,因此您可以像使用脚本标记一样将其包含在现有HTML页面中,就像任何其他JavaScript文件一样。
<script src="vendor.dll.js"></script>
(请注意,实际路径取决于您的本地设置,我对此一无所知)