Как использовать загрузчик sass с webpack 4? Я много читал об этом и о большинстве сайтов, рекомендующих использовать ExtractTextPlugin, но ExtractTextPlugin не работает с webpack 4.
Я написал следующий webpack.config.js:
const path = require('path');
const ClosureCompilerPlugin = require('webpack-closure-compiler');
module.exports = {
module: {
rules: [
{
test: /\.scss$/,
use: [{
loader: "style-loader"
}, {
loader: "css-loader"
}, {
loader: "sass-loader"
}]
}
]
},
plugins: [
new ClosureCompilerPlugin({
compiler: {
language_in: 'ECMASCRIPT6',
language_out: 'ECMASCRIPT3',
compilation_level: 'ADVANCED'
},
concurrency: 3,
})
]
};
Выходной файл .js работает хорошо, но мой .scss не компилировался в css. Пробую добавить точки входа:
entry: {
stylesheet: path.resolve('src', 'scss/styles.scss'),
main: path.resolve('src', 'index.js')
}
и после этого мой styles.scss компилируется в stylesheet.js, но не в .css.