I've created a webpack script to compile all .scss files into one css file. I decided to use webpack instead of gulp or grunt for simplicity, as it can be configured in a single file.
However, I am encountering an issue where scss files are being compiled into JavaScript code. Does webpack do this by default?
How can I ensure that the output is css?
Here's my code snippet:
module.exports = {
entry: glob.sync('./src/components/**/*.scss'),
output: {
path: path.resolve(__dirname, 'public', 'css'),
filename: 'styles.css'
},
module: {
loaders: [
{
test: /\.scss$/,
loaders: ['style-loader', 'css-loader', 'sass-loader']
}
]
}
};