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有什么特殊配置,求帮忙啊。。
...全文
289 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
  • 打赏
  • 举报
回复
难受的呀。。。两者单独配置都没有任何错误 一旦在一起就出错了
下载代码方式:https://pan.quark.cn/s/28492da20c79 依据所提供的文件资料,本资源将系统地探讨FPGA(即现场可编程门阵列)的核心概念、其在视频图像技术领域的入门及进阶知识要点,以及图像处理算法的实现方法。此外,还将对VIPBoardBig这一特定FPGA开发板的详细资料和使用途径进行深入剖析。 FPGA的入门与进阶学习主要涉及以下核心内容: 1. FPGA的基础概念:FPGA是一种能够通过编程进行配置的集成电路,主要目的是达成硬件逻辑的可重构特性。该类芯片由大量的可配置逻辑模块(CLB)、输入输出模块(IOB)以及可编程互连资源共同构成。 2. FPGA开发板与相关套件:FPGA开发板是一种用于FPGA芯片学习和测试的硬件平台,通常配备有基础的外设设备,例如LED指示灯、按键开关、LCD显示屏、串口通信接口等。套件则通常包含硬件板卡、技术文档、相关资源,以及可能的软件工具和示例代码集。VIPBoardBig即为本教程选用的FPGA开发板,拥有特定的硬件配置和功能特性。 3. FPGA的开发流程:FPGA开发一般涉及硬件描述语言(HDL)的设计与仿真阶段,常用语言为Verilog或VHDL。随后,借助综合工具将设计蓝图转化为FPGA内部的逻辑网络,最终通过编程设备将配置文件传输至FPGA芯片,从而实现设计的预期功能。 4. 外设开发与设计工作:涵盖LED显示控制、键盘驱动、LCD显示驱动、UART串口设计等基础外设的开发任务。这部分知识将引导学习者掌握如何在FPGA平台上管理和运用这些基础外设。 5. VGA驱动显示与字符显示测试:VGA(Video Graphics Array)是一种视频传输接口标准,能够支持640x480...

87,988

社区成员

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

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