社区
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有什么特殊配置,求帮忙啊。。
...全文
197
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
-
load
able
, 一个高阶组件,用于加载具有.zip
react
-
load
able
, 一个高阶组件,用于加载具有 一个高阶组件,用于加载动态导入。安装yarn add
react
-
load
able
示例import
Load
able
from '
react
-
load
able
';import
Load
ing from
gatsby-
react
-
load
able
:将Gatsby v2与
react
-
load
able
结合使用的示例
安装git clone https://github.com/fabe/gatsby-
react
-
load
able
.gitcd gatsby-
react
-
load
able
yarnyarn develop稽核公制带
react
-
load
able
无
react
-
load
able
第一种有意义的涂料620毫秒1,790ms 首次互动1,680毫秒1,790...
React
前端从入门到实战开发就业课程
适合人群: 有一定
react
基础,且对全栈开发感兴趣的小伙伴。 你将会学到: 从零开始使用
react
,redux,node,express,mongoDB构建商城应用 课程简介: 特别说明:本套课程使用的
react
-router-dom为V5版本,若使用最新的...
react
-
load
able
-visibility:围绕
react
-
load
able
和@
load
able
component的包装器,以在页面上可见元素时加载元素
react
-
load
able
-visibility 包装了和 ,仅加载页面上可见的导入。 使用
react
-
load
able
示例 import
Load
able
Visibility from "
react
-
load
able
-visibility/
react
-
load
able
" ; import
Load
ing from "./my-
load
ing-...
react
-
load
able
-con
text
:异步将对象加载到上下文
中
react
-
load
able
-con
text
网站 一个组件,用于将任何对象异步加载到
react
上下文
中
,例如,使用。 npm install --save
react
-
load
able
-con
text
就像,此函数返回: Provider ,一旦解决了诺言,就会将加载的对象...
JavaScript
87,839
社区成员
224,615
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章