{webpack} К двум html файлам подключается один файл css, что делать?
Надо, чтобы к каждому html файлу подключался только определенный файл css (sass).
webpack:
plugins: [
new HTMLWebpackPlugin({
filename: 'index.html',
template: './src/index.html',
minify: {
collapseWhitespace: isProd
}
}),
new HTMLWebpackPlugin({
filename: 'laptops.html',
template: './src/laptops.html',
minify: {
collapseWhitespace: isProd
}
}),
new CleanWebpackPlugin(),
new MiniCssExtractPlugin({
filename: '[name].css'
})
],Ответы (1 шт):
Автор решения: NocteFury
→ Ссылка
CSS подключается к сборке через js чанка.
Чтобы сделать два разных .css для двух html тебе нужно создать два разных чанка (entry), подключить в них разные .css и в HtmlWebpackPlugin в опции chunks указать наименование чанка с .css, который тебе нужен.