使用extract-text-webpack-plugin注释掉文件后，CSS文件将不会重建

Question

导入JavaScript文件时，我试图将CSS提取到其自己的文件中。 最初的构建工作正常，但是当我观看文件时，我注释了导入css的行（ import './test.css'; ），webpack只重建JS文件和CSS文件（ main.css ）未更新（它将样式保留在样式表中）。

当我注释掉css导入时，如何获取要重建的css文件？

---

webpack.config.js

const path = require('path');
const ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {
    entry: './index.js',
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'static'),
    },
    module: {
        rules: [
            {
                test: /\.css$/,
                use: ExtractTextPlugin.extract({
                    fallback: "style-loader",
                    use: "css-loader"
                })
            }
        ]
    },
    plugins: [
        new ExtractTextPlugin('main.css')
    ],
};

---

index.js

// If I comment out the following import while the watch is running,
// it will not remove the CSS from main.css
import './test.css';

document.body.innerText = 'Hello';

---

test.css

body {
    background: lightcoral;
}