webpack - htmlWebpackPlugin 只为生成的html添加一个入口点

Question

以下是 webpack 配置条目:

entry:{
    background: './app/main/background.js',
    options: './app/main/options.js'
}

一个提供给 htmlwebpackplugin 的 HTML 页面，如下所示

new HtmlWebpackPlugin({
    template :'./app/templates/options.html',
    // chunks : ['jquery','angular','app'],
    filename: "./options.html",
    cache : true
}),

这导致注入(inject)两个 background.js , options.js在 options.html页面如下:

 <script type="text/javascript" src="js/background.js"></script><script type="text/javascript" src="js/options.js"></script></body>

有没有办法将其限制为仅一个 JS 文件或指定要在 html 页面中注入(inject)的文件名？

Answer 1

chunks选项可能是您想要使用的(参见文档的 filtering chunks section)。我不知道为什么在您的代码段中对其进行了评论，但您可以这样写:

entry: {
    background: './app/main/background.js',
    options: './app/main/options.js'
}

如果你只想注入(inject) options在生成的 HTML 中的入口点，指定 block :

new HtmlWebpackPlugin({
    template :'./app/templates/options.html',
    chunks : ['options'],
    filename: "./options.html",
    cache : true
}),