前者是分离css文件的
后者是分离js文件的
若是在webpack中配置react-loadable和babel的syntax-dynamic-import插件,则css直接不加载,在源码里能看到出口文件的产生,但是并没有成功的打包。
一旦把前者的配置全部删除,则可以成功添加css(毕竟直接加style标签)
不知道是不是ExtractTextPlugin有什么特殊配置,或者react-loadable有什么特殊配置,求帮忙啊。。

解决方案 »

  1.   

    没有冲突,react-loadable 是为了实现懒加载,在打包的时候不会将他们直接打入bundle中,而是在运行的时候动态加载ExtractTextPlugin:只是为了将css文件独立打包,二者不发生关系可以参照下我的:https://github.com/jinjiaxing/react-template-easilyreact-loadable内容还没有加入,这两天就准备加入,如果喜欢欢迎star
      

  2.   

    既然又被顶上来啦,我就把这个问题终结了吧
    原因是来自于extractLess 和 extractCss 在共同设置的情况下,用了相同的filename,导致后者覆盖了前者。
    但是我的文件是不存在css文件的,按照说法webpack是不会用通过extractCss进行解析的,那么只能证明只要注册了插件,那么这个插件在没有设置disable的时候都会运行,即使输出空的css。
    至于为何不加上react-loadable之前是不会出现这种情况的,我想大概是因为插件调用的顺序被改变了(然而并没有,我看了一下git的历史),可能这就是玄学吧、、、