Я извлекаю css моего приложения с помощью mini-css-extract-plugin.Он работает, так как он правильно извлекает и разделяет css моих импортированных компонентов.Он также извлекает файл main.css, в котором содержатся стили из модулей, которые не импортируются динамически.
Этот последний файл, однако, main.css, не загружается в мое приложение.Нужно ли загружать этот файл вручную, используя <link>
?
Webpack: 4.12.0
mini-css-extract-plugin: 0.4.0
Myконфиг:
plugins: [
new webpack.optimize.ModuleConcatenationPlugin(),
new MiniCssExtractPlugin({
filename: 'main.css',
chunkFilename: '[name].[contenthash].css',
}),
],
module: {
rules: [
{
test: /\.(css|less)$/,
exclude: /node_modules/,
use: [
MiniCssExtractPlugin.loader,
{
loader: 'css-loader',
options: {
modules: true,
localIdentName: '[name]__[local]',
},
},
{
loader: 'less-loader',
options: {
javascriptEnabled: true,
},
},
],
}
]