Webpack not watching import css files #543
Description
If I use the following syntax in a scss file webpack watch does not watch for changes in the imported file:
@import 'style.css';
Editing imported scss files does trigger webpack to recompile. Just not css.
My webpack config looks something like this:
{
test: /\.css$/,
// loader: cssLoaders.join('!')
use: [
"style-loader",
"css-loader",
{
loader: 'postcss-loader',
options: {
plugins: function () {
return [
require('precss'),
require('autoprefixer')
];
}
}
}
]
}, {
test: /\.scss$/,
// loader: scssLoaders.join('!'),
use: [
"style-loader",
"css-loader",
{
loader: 'postcss-loader',
options: {
plugins: function () {
return [
require('precss'),
require('autoprefixer')
];
}
}
},
'sass-loader?outputStyle=expanded&includePaths[]=' + path.resolve(__dirname, "./node_modules/compass-sass-mixins/lib")
]
},