oKeYue 2019-06-25
当前项目使用react+redux+postcss+webpack+ant实现的,本地开启了热更新以及自动刷新。更改js的时候可以正常编译以及刷新浏览器。可是每次修改css保存的时候页面就会报这个错误。很无奈,不知道如何修改。这可能就是工程化带来的副作用之一吧。
解决问题的思路如下:
1、也是项目中第一次引入了postcss,之前都是使用less比较多。怀疑是postcss的问题。也确实是向这个方向查找的,每次搜索都在这postcss关键字,查找无果
2、在postcss的github的issues中搜索,查找不到
原因是升级到了webapck3.0,使用了extract-text-webpack-plugin插件。此插件在3.0中必须配置和一个叫allChunks: true
的参数
const extractMain = new ExtractTextPlugin({ filename: 'main.css', allChunks: true })
解决了一个问题,感觉很轻松啊