在“无法解析styleName”之后启用热重载

时间:2019-02-18 17:35:01

标签: webpack webpack-dev-server babel-plugin-react-css-modules

在我的webpackDevServer设置中,热重载可以正常工作,包括对SCSS的更改,除非我添加了全新样式和styleName

例如,如果我添加div styleName="foo",我将得到

Could not resolve the styleName 'foo'

这时webpackDevServer崩溃,即使添加了新样式,我也必须手动将其杀死并重新启动。 (实际上,即使我先将样式添加到SCSS,也会发生这种情况!)

我的babel-loader配置为使用如下插件:

        options: {
          plugins: [
            [
              'react-css-modules', {
                webpackHotModuleReloading: true
              }
            ]
          ]
        }

在我将样式添加到SCSS之后,该热重载应该不会吗?

一些细节:

  • 节点10.14.1
  • Webpack 4
  • Webpack开发服务器3
  • 通天塔6

更新

实际上,如果我对.js文件进行了更改(无论大小如何),都会重新启动热重载 。因此,我目前的工作流程是添加空白行,保存并删除空白行。这不是很理想,但是...

0 个答案:

没有答案