我們在用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})
]
}
意思就是在開發環境下禁用掉該插件
嗯嗯嗯 就這么簡單