Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将网页包DLL注入现有HTML?_Javascript_Webpack_Dllplugin - Fatal编程技术网

Javascript 如何将网页包DLL注入现有HTML?

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

首先,使用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.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中。顺便说一句,谢谢你的回复。我也有同样的问题,注入脚本的名称并不总是相同的,因为“哈希”。那么,我们如何在构建时自动实现这一点呢?