社区
JavaScript
帖子详情
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有什么特殊配置,求帮忙啊。。
...全文
209
3
打赏
收藏
React中ExtractTextPlugin和react-loadable是否有冲突?
前者是分离css文件的 后者是分离js文件的 若是在webpack中配置react-loadable和babel的syntax-dynamic-import插件,则css直接不加载,在源码里能看到出口文件的产生,但是并没有成功的打包。 一旦把前者的配置全部删除,则可以成功添加css(毕竟直接加style标签) 不知道是不是ExtractTextPlugin有什么特殊配置,或者react-loadable有什么特殊配置,求帮忙啊。。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用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
打赏
举报
回复
难受的呀。。。两者单独配置都没有任何错误 一旦在一起就出错了
react
-loadable, 一个高阶组件,用于加载具有.zip
react
-loadable, 一个高阶组件,用于加载具有 一个高阶组件,用于加载动态导入。安装yarn add
react
-loadable示例import Loadable from '
react
-loadable';import Loading from
react
-
React
Loadable示例项目
React
Loadable是一个非常实用的库,它专门用于在
React
应用
中
实现代码分割和按需加载。这个"
react
-
React
Loadable示例项目"是展示如何有效地利用
React
Loadable来优化应用性能的一个实例。通过代码分割,我们可以将...
gatsby-
react
-loadable:将Gatsby v2与
react
-loadable结合使用的示例
安装git clone https://github.com/fabe/gatsby-
react
-loadable.gitcd gatsby-
react
-loadableyarnyarn develop稽核公制带
react
-loadable 无
react
-loadable 第一种有意义的涂料620毫秒1,790ms 首次互动1,680毫秒1,790...
react
-loadable-visibility:围绕
react
-loadable和@loadablecomponent的包装器,以在页面上可见元素时加载元素
react
-loadable-visibility 包装了和 ,仅加载页面上可见的导入。 使用
react
-loadable示例 import LoadableVisibility from "
react
-loadable-visibility/
react
-loadable" ; import Loading from "./my-loading-...
react
-loadable-context:异步将对象加载到上下文
中
react
-loadable-context 网站 一个组件,用于将任何对象异步加载到
react
上下文
中
,例如,使用。 npm install --save
react
-loadable-context 就像,此函数返回: Provider ,一旦解决了诺言,就会将加载的对象...
JavaScript
87,955
社区成员
224,621
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章