Вебпак долго загружает стили. Что при дев разработки что после билд, сначала загружается html и только потом через секунду две стили. Вот мой конфиг:
const path = require('path');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: './src/js/app.js',
output: {
path: path.join(__dirname, '/dist'),
filename: 'bundle.js'
},
resolve: {
alias: {
Materialize: path.resolve(__dirname, 'node_modules/materialize-css/dist/js/')
}
},
module: {
rules: [
{
test: /\.(sa|sc|c)ss$/,
use: [{
loader: 'style-loader'
}, {
loader: 'css-loader'
}, {
loader: 'sass-loader'
}]
},
{
test: /\.html$/,
use: 'html-loader'
},
{
test: /\.js$/,
loader: 'babel-loader'
},
{
test: /\.(png|svg|jpg|gif)$/,
loader: 'file-loader'
},
{
test: /\.(woff|woff2|eot|ttf|otf)$/,
loader: 'file-loader'
}
]
},
devServer: {
overlay: true,
contentBase: path.join(__dirname, '/dist')
},
plugins: [
new MiniCssExtractPlugin({
filename: '[name].css',
chunkFilename: '[id].css'
}),
new HtmlWebpackPlugin({
template: './src/index.html'
})
]
};