腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
使用
CRA
延迟
加载
SVG
reactjs
、
svg
、
lazy-loading
、
create-react-app
我想用
CRA
懒惰地
加载
SVG
,但是我被卡住了,需要你的帮助。 我正在尝试这样做: const LoadIcon = (name) => lazy(() => import(`../icons/${name}.
svg
`)); const Icon = LoadIcon(icon); return <Icon /
浏览 40
提问于2021-11-09
得票数 0
2
回答
在Create React应用程序中
使用
svg
-url-
加载
程序
reactjs
、
svg
、
webpack
、
create-react-app
我正在
使用
,我希望将
SVG
内联作为一个数据URI。import { ReactComponent as Logo } from './logo.
svg
';但是,我想做的是将
SVG
的内容嵌入到数据URI中,如下所示: <img src="data:image/
svg
+x
浏览 2
提问于2020-04-29
得票数 0
回答已采纳
1
回答
babel插件名的资产导入是做什么的?
reactjs
、
webpack
、
babeljs
好的,我到处都找过了,没有关于这个Babel模块的文档--命名为babel的插件--资产导入
浏览 6
提问于2020-08-22
得票数 3
回答已采纳
1
回答
如何在create-react-app中动态导入图片
javascript
、
reactjs
、
webpack
、
import
/assets/img/${iconName}.
svg
`)} />import cashback from '../../assets/img/cashback.
svg
'; import shopping from '../../asset
浏览 14
提问于2020-05-16
得票数 1
回答已采纳
1
回答
什么webpack4
加载
器用来
加载
*.
svg
文件,*.gif,*.eot?
javascript
、
reactjs
、
webpack
,但我不知道要
使用
什么
加载
器。接下来,我根据文件类型搜索了webpack
加载
程序。这给出了一些很好的结果,描述了,向我介绍了一些
加载
器以及如何
使用
它们,而帮助我实现*.
svg
加载
器的可能就是
加载
svg
文件所需要的。{test: /\.
svg
$/, use: "
svg
-inline-loader"}, 因此,我可能可以对*.
svg
文件
使
浏览 2
提问于2018-05-25
得票数 2
回答已采纳
1
回答
反应中
使用
url()的顺风背景
reactjs
、
tailwind-css
我正在
使用
React和Tailwind来构建一个应用程序。我试图
使用
url()为div元素设置图像背景,但它不起作用。我在下面分享了我的代码。项目目录设置是默认的,当
使用
create时,,但是,我已经在公用文件夹中添加了一个“图像”文件夹,在这个文件夹中,我要存储有关的div元素将要
使用
的图像.。function App() { return <div className='h-screen w-screen bg-[url("/images/illustration-he
浏览 5
提问于2022-08-13
得票数 1
回答已采纳
3
回答
如何将
SVG
与React和ReasonML结合
使用
?
reactjs
、
reason
、
rescript
使用
create-react-app和JavaScript/TypeScript,我知道我能够“导入”一个
SVG
,如下所示。我怎样才能用ReasonML做到这一点呢?/logo.
svg
'; return ( {/* Logo is an actual React component */}
浏览 5
提问于2020-03-23
得票数 3
回答已采纳
3
回答
svg
文件中的require.context给出了不同的结果
javascript
、
reactjs
、
svg
、
webpack
我正试图为
svg
图标创建一个react,所以我尝试用这样的require.context获取
svg
文件的上下文myIcons('./location.
svg
') 问题是,我得到的结果是data:image/
svg
+xml;base64,PHN2ZyB4bWxucz0iaHR
浏览 11
提问于2017-09-03
得票数 2
回答已采纳
1
回答
针对特定环境的React惰性组件
reactjs
、
webpack
、
lazy-loading
、
create-react-app
我确实成功地在
CRA
生成的React应用程序中实现了
延迟
加载
的组件。 由于上述组件仅在开发环境中显示,有没有一种方法可以避免其特定的块出现在生产构建中? 提前谢谢。
浏览 8
提问于2021-04-27
得票数 0
1
回答
在react应用程序中渲染
svg
图像时出现
延迟
reactjs
、
image
、
svg
我
使用
的是React版本16.8.6。我试图在我的应用程序中
加载
一些
SVG
图像,但在图像出现在dom中之前有1秒的
延迟
。下面是我如何
加载
svg
图像 import menuIcon from 'public/images/menu_icon.
svg
'; <img src={menuIcon} /> 请找到显示
加载
延迟
问题的
浏览 70
提问于2019-06-14
得票数 2
1
回答
使用
CRACO和Create应用程序创建React组件库
javascript
、
reactjs
、
webpack
、
create-react-app
、
craco
我需要创建一个,我想
使用
CRA
,因为我想引用主应用程序的代码,它也是用
CRA
编写的。我尝试了,但它只转换JS代码,保留所有其他文件(CSS、
SVG
),并且我的库的用户不在
CRA
上,因此
SVG
支持不存在。我也试着从
加载
器中删除mini-css-extract-plugin,但没有工作。,我坚持
使用
CRA
,并希望得到一个扩展的解决方案,因为我想
使用
它提供的特性。一个简单的工具链来维护,开箱即用的特性,如CSS模块,<em
浏览 4
提问于2022-03-07
得票数 2
2
回答
如何导入
svg
文件并将它们用于映像中的src
reactjs
、
webpack
、
webpack-file-loader
我有一个
svg
文件,我需要包括在我的项目。由于我已经构建了自己的样板,所以我希望具有与
CRA
相同的功能,因为我可以
使用
svg
作为图像src。我试图
使用
文件
加载
程序使其工作,但它抛出了一个错误。 test: /\.(png|jpg|gif|
svg
)$/, { options: {} }(png|jp
浏览 1
提问于2018-10-02
得票数 4
2
回答
如何实现
SVG
图片元素的
延迟
加载
?
javascript
、
image
、
svg
、
onload
在
svg
标记中,有多个图像元素,显示缩略图。由于图片数量较多,页面
加载
时间较长。所以我想实现一个简单的
延迟
加载
,比如。对于img元素,它工作得很好。但是对于
SVG
区域的图像元素,
加载
将不会完成。示例: <img id="myimg" height="20" width="20" data-src="img1.jpg"/> </div>
浏览 2
提问于2018-03-01
得票数 4
回答已采纳
2
回答
导入父级
SVG
并传递给子级
javascript
、
reactjs
、
react-native
、
svg
/back-arrow.
svg
' BackArrow,} <Button iconLeft={BackIcon} {iconRight && <Icon theme={theme} xml={ico
浏览 2
提问于2022-01-11
得票数 1
回答已采纳
2
回答
如何将新的html文件添加到react应用程序?
reactjs
我一直在互联网上搜索这个问题,我得到的结果是没有必要创建其他页面,因为react是为改变页面内容的单页面应用程序或解决方案设计的,而不是页面(url)本身。我真正想知道的是:当我用create-react-app创建一个应用程序时,我得到了所有的设置,现在我可以创建一个新的html文件,就像在公共目录中创建的默认index.html一样,并将组件呈现到这个新文件中吗?
浏览 2
提问于2019-08-05
得票数 0
1
回答
我在网页上插入了
延迟
图像,但是Google SpeedTest告诉我要考虑
延迟
加载
屏幕外和隐藏的图像。
performance
、
pagespeed
然而,在
使用
Google 'PageSpeed洞察‘工具时,我仍然获得以下消息: 我认为的修复是一个有效的“
延迟
加载
屏幕外”解决方案吗?
浏览 0
提问于2019-02-27
得票数 1
2
回答
在ReactJS中将图像数组作为缩略图导入
arrays
、
reactjs
我试着
使用
地图,一切都很好,直到我尝试放置图像。我哪里做错了? 这是我的portfolio.js import React from "react"; import "..
浏览 7
提问于2019-03-25
得票数 0
2
回答
如何在preCachePicture()中
使用
flutter_
svg
flutter
、
svg
、
dart
、
flutter-dependencies
、
dart-pub
我
使用
包在我的应用程序中呈现
SVG
图像,因为flutter还没有正式支持
SVG
。在尝试在我的应用程序中
加载
SVG
图像时,可能会
延迟
几秒钟。在寻找解决方案时,我发现可以
使用
预
加载
SVG
图像。问题是,官方的文档没有明确说明,也没有其他web材料显示如何
使用
此函数预
加载
SVG
图像。 我在initState()中调用initState()函数来预
加载
SVG</em
浏览 16
提问于2020-06-08
得票数 18
2
回答
在更改活动选项卡时卸载Bootstrap选项卡中的
SVG
对象
html
、
twitter-bootstrap
、
svg
我在引导选项卡中显示了一些
SVG
对象。<object type="image/
svg
+xml" Your browser does not support SVGs问题是,每次我更改活动选
浏览 0
提问于2018-01-21
得票数 0
回答已采纳
1
回答
Wordpress -页脚不显示在产品页面上
wordpress
class="best-quality-link" href="/best-quality-flowers"><img src="/wp-content/uploads/2018/07/Better.
svg
浏览 42
提问于2019-07-25
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
使用“渐进”逐步地延迟加载图像
前端女程序员教你,图片加载时,使用 SVG 作为图片 placehold
记一次前端性能优化
快速搭建你的 github pages 个人博客——基于 Create-React-App 的单页面应用实践
网营中国:前端开发中,对图片的优化技巧有哪些?
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券