#javascript #css #webpack #sass
Вопрос:
Я новичок в webpack. Я использую webpack 4. И я хочу создать css-файлы. Но приведенный ниже код не работает. Он только обновляет main.js, но мне также нужен style.css. Никаких ошибок в консоли.
module.exports = {
name: 'js',
entry: path.resolve(__dirname, 'index.js'),
output: {
path: path.resolve(__dirname, '../my/dist/path'),
filename: 'main.js',
},
plugins: [
new MiniCssExtractPlugin({
filename: '[name].css',
}),
],
module: {
rules: [
{
test: /.(s*)css$/,
use: [
{
loader: MiniCssExtractPlugin.loader,
},
'css-loader',
{
loader: 'sass-loader',
options: {
implementation: require('sass'),
},
},
],
},
],
},
};
Комментарии:
1. MiniCssExtractPlugin Он построен поверх новой функции webpack v5 и требует работы webpack 5.