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

问题描述 投票:4回答:1

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

谢谢

javascript webpack dllplugin
1个回答
1
投票

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

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

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

© www.soinside.com 2019 - 2024. All rights reserved.