在我的webpackDevServer设置中,热重载可以正常工作,包括对SCSS的更改,除非我添加了全新样式和styleName
。
例如,如果我添加div styleName="foo"
,我将得到
Could not resolve the styleName 'foo'
这时webpackDevServer崩溃,即使添加了新样式,我也必须手动将其杀死并重新启动。 (实际上,即使我先将样式添加到SCSS,也会发生这种情况!)
我的babel-loader
配置为使用如下插件:
options: {
plugins: [
[
'react-css-modules', {
webpackHotModuleReloading: true
}
]
]
}
在我将样式添加到SCSS之后,该热重载应该不会吗?
一些细节:
实际上,如果我对.js
文件进行了更改(无论大小如何),都会重新启动热重载 。因此,我目前的工作流程是添加空白行,保存并删除空白行。这不是很理想,但是...