如何将webpack DLL注入现有的HTML?

时间:2017-12-20 13:13:53

标签: javascript webpack dllplugin

首先,使用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中?

由于

1 个答案:

答案 0 :(得分:1)

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

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

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