React中ExtractTextPlugin和react-loadable是否有冲突?

流云望风 2018-08-22 05:23:04
前者是分离css文件的
后者是分离js文件的
若是在webpack中配置react-loadable和babel的syntax-dynamic-import插件,则css直接不加载,在源码里能看到出口文件的产生,但是并没有成功的打包。
一旦把前者的配置全部删除,则可以成功添加css(毕竟直接加style标签)
不知道是不是ExtractTextPlugin有什么特殊配置,或者react-loadable有什么特殊配置,求帮忙啊。。
...全文
206 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
流云望风 2018-08-28
  • 打赏
  • 举报
回复
既然又被顶上来啦,我就把这个问题终结了吧
原因是来自于extractLess 和 extractCss 在共同设置的情况下,用了相同的filename,导致后者覆盖了前者。
但是我的文件是不存在css文件的,按照说法webpack是不会用通过extractCss进行解析的,那么只能证明只要注册了插件,那么这个插件在没有设置disable的时候都会运行,即使输出空的css。
至于为何不加上react-loadable之前是不会出现这种情况的,我想大概是因为插件调用的顺序被改变了(然而并没有,我看了一下git的历史),可能这就是玄学吧、、、
Jason-Jin 2018-08-24
  • 打赏
  • 举报
回复
没有冲突,react-loadable 是为了实现懒加载,在打包的时候不会将他们直接打入bundle中,而是在运行的时候动态加载

ExtractTextPlugin:只是为了将css文件独立打包,二者不发生关系

可以参照下我的:https://github.com/jinjiaxing/react-template-easily

react-loadable内容还没有加入,这两天就准备加入,如果喜欢欢迎star
流云望风 2018-08-22
  • 打赏
  • 举报
回复
难受的呀。。。两者单独配置都没有任何错误 一旦在一起就出错了

87,942

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧