htmlWebpackPlugin добавляет только одну точку входа в сгенерированный html

Ниже приведены записи конфигурации веб-пакета:

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

Одна HTML-страница, которая передается в htmlwebpackplugin, как показано ниже.

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

Это приводит к вставке обоих 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-страницу?


webpack html-webpack-plugin
person Irshad    schedule 12.06.2018    source источник

Ответы (2)


arrow_upward
5
arrow_downward

Кажется, вы можете использовать html-webpack-exclude-assets-plugin.

plugins: [
  new HtmlWebpackPlugin({
    excludeAssets: [/style.*.js/] // exclude style.js or style.[chunkhash].js 
  }),
  new HtmlWebpackExcludeAssetsPlugin()
]
person user2473015    schedule 13.06.2018

arrow_upward
12
arrow_downward

Вероятно, вы захотите использовать параметр chunks (см. раздел фильтрация фрагментов документации). Я не знаю, почему это прокомментировано в вашем фрагменте, но вы могли бы написать это:

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

Если вы хотите внедрить только точку входа options в сгенерированный HTML, укажите фрагменты:

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