社区
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有什么特殊配置,求帮忙啊。。
...全文
217
3
打赏
收藏
React中ExtractTextPlugin和react-loadable是否有冲突?
前者是分离css文件的 后者是分离js文件的 若是在webpack中配置react-loadable和babel的syntax-dynamic-import插件,则css直接不加载,在源码里能看到出口文件的产生,但是并没有成功的打包。 一旦把前者的配置全部删除,则可以成功添加css(毕竟直接加style标签) 不知道是不是ExtractTextPlugin有什么特殊配置,或者react-loadable有什么特殊配置,求帮忙啊。。
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用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
react
-
React
Load
able
示例项目
React
Load
able
示例项目
gatsby-
react
-
load
able
:将Gatsby v2与
react
-
load
able
结合使用的示例
gatsby-
react
-
load
able
将Gatsby v2与
react
-
load
able
结合使用的示例。 安装 git clone https://github.com/fabe/gatsby-
react
-
load
able
.git cd gatsby-
react
-
load
able
yarn yarn develop 稽核 公制 带
react
-
load
able
无
react
-
load
able
第一种有意义的涂料 620毫秒 1,790ms 首次互动 1,680毫秒 1,790ms 持续互动 1,680毫秒 1,790ms 在65.4%的速度加载时FMP moment 。 作者 法比安·舒尔茨( )
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-component" ; const
Load
able
Component =
Load
able
Visibility ( {
load
er : ( ) => import ( "./my-component" ) ,
load
ing :
Load
ing } ) ; export default function App ( ) { return <
Load
able
Component> ; } 使用@
load
able
/compon
react
-
load
able
-con
text
:异步将对象加载到上下文
中
react
-
load
able
-con
text
网站 一个组件,用于将任何对象异步加载到
react
上下文
中
,例如,使用。 npm install --save
react
-
load
able
-con
text
就像,此函数返回: Provider ,一旦解决了诺言,就会将加载的对象注入到上下文
中
各种Consumer组件,可以优雅地处理加载和错误状态。 当创建与第三方重型库(例如Cesium,vis.js,openlayers等)交互的库时,此功能特别有用。 库的主要“包装器”组件使用Provider 。 库的各种“元素”都使用Consumer 。 受和迷失。
JavaScript
87,997
社区成员
224,709
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章