TypeError: __webpack_require__(...) is not a function
当前项目使用react+redux+postcss+webpack+ant实现的,本地开启了热更新以及自动刷新。更改js的时候可以正常编译以及刷新浏览器。可是每次修改css保存的时候页面就会报这个错误。很无奈,不知道如何修改。这可能就是工程化带来的副作用之一吧。
解决问题的思路如下:
1、也是项目中第一次引入了postcss,之前都是使用less比较多。怀疑是postcss的问题。也确实是向这个方向查找的,每次搜索都在这postcss关键字,查找无果
2、在postcss的github的issues中搜索,查找不到
3、感谢segmentfault,我在一个回答的评论里面找到了答案
原因是升级到了webapck3.0,使用了extract-text-webpack-plugin插件。此插件在3.0中必须配置和一个叫allChunks: true
的参数
const extractMain = new ExtractTextPlugin({
filename: 'main.css',
allChunks: true
})
解决了一个问题,感觉很轻松啊
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。