解决 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})
]
}

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

嗯嗯嗯 就这么简单

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。