热重新加载对于即时css重新加载非常有用。但是因为我们没有使用React并且拥有大量状态,所以在任何Javascript更改时重新加载页面会更好。
当我们在开发期间启用Pause on exceptions
时会出现问题。当重新加载启动时,热模块系统会发出Chrome捕获的异常并导致页面暂停:image of chrome pausing on exception
有没有办法只热重新加载css而不是Javascript,或者防止异常发生并导致暂停?
我发现的最佳解决方案如下,但它似乎是一个黑客:
if(module.hot) { // check if HMR is enabled
// accept itself
module.hot.accept();
// dispose handler
module.hot.dispose(function() {
window.location.reload();
});
}
我们正在使用webpack@2.2.0
和webpack-dev-server@2.2.0