[英]Why does my Firebase function successfully make an API request, but then timeout
[英]Why does my dynamic import make 2 network request?
我有一个文件,该文件中(通过raw-loader)导入了一些CSS,并将其放在文档头部的样式标签中,然后默认导出相应的react-component。
// Swiper.js
import swiperStyles from '!!raw-loader!swiper/dist/css/swiper.min.css';
const swiperElement = document.createElement('style');
swiperElement.innerHTML = swiperStyles;
document.head.append(swiperElement);
export { default } from 'react-id-swiper';
当我延迟加载该文件webpack时,我收到2个网络请求。
const Swiper = import('./Swiper');
第二个文件仅包含样式标签的创建并将其放在头部,css和react-component的代码位于第一个“供应商”文件中。 为什么webpack将其分成2个文件,我该如何避免呢? 如果重要的话,我会使用create-react-app。
这是因为它们对应于两个不同的导入,分别管理:
export { default } from 'react-id-swiper'; // this will be imported somewhere
import swiperStyles from '!!raw-loader!swiper/dist/css/swiper.min.css'; // this is imported and used separately
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.