Свяжите CSS в отдельном файле с WebPack ⇐ CSS

[Anonymous]

Я хотел бы объединить свои файлы CSS в отдельном файле (что -то вроде Style.min.css). В моих файлах CSS у меня есть @Import url () , который импортирует другие файлы CSS. В настоящее время мой CSS находится в основном файле JS. Это работает нормально, но я не могу создать отдельный файл CSS. />[*]https://medium.com/@avdhoot.980/minimiz ... 6760d1ebfc написал/>
Mainly, основанный на последней ссылке, я vondated my indated my-indated my indated my indated my indated my indated my indated my indated my indated my indated my indated my indated my indated my indated my indated my lin webpack.config.js . Я добавил свой основной файл CSS в записи: < /p>
entry: {
home: ['./js/home.js'],
css: ['./css/style.css']
},
< /code>
и добавил этот плагин: < /p>
plugins: [

//...

// Minify CSS
new MiniCssExtractPlugin(),
]
< /code>
Вот мое правило для файлов CSS: < /p>
rules: [
// CSS loader
{
test: /\.css$/i,
use: ["style-loader", "css-loader"],
},
< /code>
К сожалению, файл CSS не генерируется. Я не могу понять, почему это не работает.

Подробнее здесь: https://stackoverflow.com/questions/795 ... th-webpack