在React中使用公共文件夹public,导入js

这篇具有很好参考价值的文章主要介绍了在React中使用公共文件夹public,导入js。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在React中, %PUBLIC_URL%代表:

public的文件夹的绝对路径。

如果在index.html中,你可以像这样去使用它:

<script type="text/javascript" src="%PUBLIC_URL%/jem.js"></script>

只有前缀public可以访问文件夹中的文件%PUBLIC_URL%。如果需要使用src或中的文件node_modules,则必须将其复制到那里以明确指定将此文件作为构建的一部分的意图。
当运行npm run build,Create React App将替换%PUBLIC_URL%为正确的绝对路径,因此即使使用客户端路由或将其托管在非根URL上,项目也会正常工作。文章来源地址https://www.toymoban.com/news/detail-502377.html

到了这里,关于在React中使用公共文件夹public,导入js的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • gitee新建仓库导入文件夹的入门避坑指引:关于我碰到的那些坑

    1.先贴上我参考的那些文章: 浅析Gitee怎么上传20个以上的文件-git-PHP中文网 Gitee如何上传整个项目文件夹_gitee上传文件夹-CSDN博客(这个是最重要的) git问题error: remote origin already exists._git error: remote origin already exists.-CSDN博客(这个是第二重要的) 解决 “fatal: Could not read fr

    2024年02月03日
    浏览(31)
  • 解决安装win10/win11微软登录自动路径和文件夹名,已经本地账户可以使用共享文件夹,微软账户使用共享文件夹验证错误的问题

    我找到解决全新安装Windows,微软用户登录自动生成用户名,以及默认使用账户姓名作为全名 ,让强迫症痛苦万分的方法了。 同时解决本地账户共享文件夹验证通过,微软账户共享文件夹验证不通过(或者找不对访问账户名和密码)的问题。 Win10安装后,用本地账户登录,同

    2024年02月16日
    浏览(81)
  • 右击文件或者文件夹使用vscode打开

    平常我们在打开项目时,经常会需要快捷打开方式,直接使右键使用编辑器打开,但是有时在安装时忘记了选择 “Add “Open with Code” action to Windows Explorer file context menu” 在Windows资源管理器文件上下文菜单中添加“用代码打开”操作 Add “Open with Code” action to Windows Explorer d

    2024年02月05日
    浏览(40)
  • winform 使用CommonOpenFileDialog选择文件夹或文件

    选择文件夹 选择文件 注:需要添加引用 using Microsoft.WindowsAPICodePack.Dialogs; 一、C#通过CommonOpenFileDialog创建文件夹更美观 二、通过nuGet加载dll 首先,打开VS2019,通过菜单栏中的“工具”菜单  然后搜索 WindowsAPICodePack,完成安装。

    2024年02月13日
    浏览(31)
  • Linux:find命令简单使用(查找文件及文件夹)

    find的主要用来查找文件,也可以用于查看文件夹,二者用法类似,使用 -type d ,通过type指定查找文件夹, 如果不指定,是会将包含查找内容的文件和文件夹一起输出 举例:查找test目录位置 -type x :x是查找的文件类型,其类型一般有: 一般正规文件:f 设备文件:b、c 目录

    2024年02月11日
    浏览(46)
  • 3、HDFS的使用(读写、上传、下载、遍历、查找文件、整个目录拷贝、只拷贝文件、列出文件夹下文件、删除文件及目录、获取文件及文件夹属性等)-java

    1、hadoop3.1.4简单介绍及部署、简单验证 2、HDFS操作 - shell客户端 3、HDFS的使用(读写、上传、下载、遍历、查找文件、整个目录拷贝、只拷贝文件、列出文件夹下文件、删除文件及目录、获取文件及文件夹属性等)-java 4、HDFS-java操作类HDFSUtil及junit测试(HDFS的常见操作以及H

    2024年02月16日
    浏览(38)
  • 鼠标右键使用VSCode打开文件或文件夹配置

    天行健,君子以自强不息;地势坤,君子以厚德载物。 每个人都有惰性,但不断学习是好好生活的根本,共勉! 文章均为学习整理笔记,分享记录为主,如有错误请指正,共同学习进步。 电脑搜索框输入regedit回车即可打开注册表 找到文件夹HKEY_CLASSES_ROOT/*/shell 在shell文件夹

    2024年02月04日
    浏览(46)
  • 两台电脑之间如何使用共享文件夹来实现共享文件

    1.两台电脑用网线相连 2.配置两台电脑的IP在同一网段 3.在cmd上ping彼此的电脑可以ping的通 4.在电脑桌面选中想要共享的文件夹,右击选择属性-》共享   点击高级共享-》勾选共享此文件夹,选择共享用户的数量。 5.点击权限-》组或用户名中 添加Everyone或者guest,Everyone的权限

    2024年02月04日
    浏览(42)
  • github只下载某个文件或文件夹(使用GitZip插件)

    (此安装过程需要梯子(不懂“梯子”,百度一下就明白)) 1. 打开插件管理页面 方法一:打开Chrome浏览器(Edge浏览器同理),在Chrom地址栏输入 chrome://extensions/ ,或edge地址栏 edge://extensions/ 进入插件管理页面。 方法二:直接Chrome浏览器找管理页面(Edge浏览器同理) 2. 搜索\\\"GitZip fo

    2024年04月26日
    浏览(35)
  • vscode工程屏蔽不使用的文件夹或文件的方法

    vscode是一款 微软提供的免费的代码编辑软件。 对于 IMX6ULL-ALPHA开发板而言,NXP官方uboot一定会支持不止 IMX6ULL芯片的代码,也不止支持 一种架构,还支持其他芯片或架构的源码文件。 为了方便阅读代码,vscode软件可以在界面,设置不显示没有使用到的源码文件夹或文件。 u

    2024年02月04日
    浏览(52)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包