Javascript 如何将网页包DLL注入现有HTML?
首先,使用webpack.DllPlugin生成vendor.dll.js 其次,使用html webpack include assets插件将vendor.dll.js插入html,html由HtmlWebpackPlugin生成。像这样:Javascript 如何将网页包DLL注入现有HTML?,javascript,webpack,dllplugin,Javascript,Webpack,Dllplugin,首先,使用webpack.DllPlugin生成vendor.dll.js 其次,使用html webpack include assets插件将vendor.dll.js插入html,html由HtmlWebpackPlugin生成。像这样: new HtmlWebpackPlugin(), new webpack.DllReferencePlugin({ context: __dirname, manifest: require('./vendor-manifest.js
new HtmlWebpackPlugin(),
new webpack.DllReferencePlugin({
context: __dirname,
manifest: require('./vendor-manifest.json')
})
new HtmlWebpackIncludeAssetsPlugin({
assets: ['vendor.dll.js'],
hash: true,
append: false,
})
问题:
如何在不使用html网页包插件的情况下将vendor.dll.js插入现有html中?
谢谢由webpack构建创建的供应商捆绑包是本地文件系统上的JavaScript文件,就像webpack创建的任何其他捆绑包一样,因此您可以使用脚本标记将其包含在现有HTML页面中,就像任何其他JavaScript文件一样
<script src="vendor.dll.js"></script>
(请注意,实际路径取决于您的本地设置,我对此一无所知)您尝试执行的是脚本注入。您可以通过浏览器控制台轻松完成此操作。如果你想要自动注入,那么你需要研究浏览器扩展,比如chrome extension.Ji,你认为你误解了这个问题,或者我误解了——我想OP只是想在他们自己的HTML文件中包含这个包。对不起,我没有说清楚这个问题。实际上,vendor.dll.js的名称是由以下内容生成的:“[name]u[hash]”。所以名字可能会改变。我只是想知道webpack是否可以帮助我将这个脚本自动注入到现有的html中。顺便说一句,谢谢你的回复。我也有同样的问题,注入脚本的名称并不总是相同的,因为“哈希”。那么,我们如何在构建时自动实现这一点呢?