解决 webpack 热加载 css样式改变不生效的问题

我们在用webpack 做脚手架时, 经常会用到热加载,这样我们改过的模板文件,js文件当保持的时候页面会局部更新,这样保证了开发效率,特别是在写页面的时候,如果一改页面就刷新很浪费时间的。

但是问题来了,有一个webpack插件经常用 extract-text-webpack-plugin , 当你使用了这个插件后,你修改csss less sass 页面不会局部刷新。 因为它不支持热加载

解决方案是什么喃?

webpack.dev.config.js

module.exports =
{
plugins:[
new ExtractTextPlugin({filename:'[name].[chunkhash].css',disable:!isProduction})
]
}

意思就是在开发环境下禁用掉该插件

嗯嗯嗯 就这么简单

你可能感兴趣的:(解决 webpack 热加载 css样式改变不生效的问题)