react（28）——react脚手架public目录下文件讲解

最新推荐文章于 2023-06-19 09:40:54 发布
VIP文章 最新推荐文章于 2023-06-19 09:40:54 发布
阅读量2k 收藏 2
点赞数 2
分类专栏： # react 文章标签： react 脚手架 js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45895576/article/details/113768535
版权

目录截图

在这里插入图片描述

1.favicon.ico

该文件是浏览器的图标文件，是一个图片

2.index.html

  1. 浏览器的主页面，react脚手架上只有一个html文件，页面的转换由转换组件完成
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <!-- 指向public目录下的favicom.ico文件，给该页面设置图标 -->
    <link rel
最低0.47元/天 解锁文章
木子 旭
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
react-starter:在有或没有reduxrouter的情况下对移动和PC的webapp开发脚手架做出React
05-13
React Starter基于改造，增删改了一些特性，以达到我理解的最佳实践。改造了以下特性抽离 配置并更新到最佳实践抽离 配置并更新到最佳实践去掉了以下特性TypeScript 支持jest 测试支持postcss 支持删掉了许多用不到...
React使用公共文件夹public
Mo_Luffy的博客
11-12 8299
两者区别 其实放在两个文件夹区别就在于是否会被webpack所处理，如果您将文件放入该public文件夹，webpack 将不会处理它，在你打包的时候，会将public文件夹直接复制一份到你构建出来的文件夹中。而src/assets目录的文件（前提你在js中有引入），它会被webpack编译，比如图片，如果你的图片小于你在webpack中的loader下设置的limit大小（可配置），它会被编译成...
React目录结构详细解析
qq_51130780的博客
06-11 2294
简单说明React项目目录的大体结构
在React中使用公共文件夹public，导入js （%PUBLIC_URL%）
最新发布
Z_Wonderful的博客
06-19 2143
只有前缀public可以访问文件夹中的文件%PUBLIC_URL%。如果需要使用src或中的文件node_modules，则必须将其复制到那里以明确指定将此文件作为构建的一部分的意图。当运行npm run build，Create React App将替换%PUBLIC_URL%为正确的绝对路径，，项目也会正常工作。
create-react-app public文件存放静态资源
黄彪博客
09-23 7602
文章目录问题描述解决办法 问题描述 在工作中，想利用ajax访问工程的json文件，发现使用require或者根据路径选择，没有办法准确访问文件。 解决办法 把静态资源放到 public 文件夹中，启动/打包工程会把public文件夹下面所有的文件和文件夹全部打包放到根目录下，引用的时候去掉public，填写相对的路径 ...
antd-chrome-extension-boilerplate:使用 react + antd 开发 chrome-extension 的脚手架工程，具有热加载功能
08-04
antd-chrome-extension-...使用npm run start启动开发模式，在 chrome 浏览器中加载该应用的 dist 目录，此时 dist 目录下的文件具有热更新功能，并且会自动刷新当前页面。npm run build打包模式，不赘述。相关文章
create-react-fullstack-app：快速构建一个React全栈应用程序
02-04
欢迎使用React全栈脚手架TS版（下午茶溢栈）本脚手架可以让你专注于业务组件的开发，而不是在周边配置上浪费过多时间本脚手架基于create-react-app二次开发目录结构为基于中/大型应用自主设计组织架构├─.storybook...
react-starter:React、Router、Redux、WebPack、 ES6、SASS, 热更新react-hot-loader V3
05-18
React-Starter 模板 集成了react开发常用技术桟 *react@v16.0.0 + redux + router4 + webpack3 + es6/es7 + sass + proxy + 组件懒加载 +热加载... Installation 快速构建脚手架: 项目结构 . ├── public # 公共...
react-spa:一个React单页应用程序支架
05-19
在顶部构建的React单页应用程序脚手架，它是一个Webpack包装器，用于轻松配置。 这个支架将简单地生成一个HTML文件来引用所有需要的资产，这些资产是最小的，由包名称和版本唯一地命名。 您可以使用的技术： ES6 ...
react 如何访问到public内的文件_C# 如何使用访问修饰符public、protected等
weixin_32540969的博客
01-29 1247
这是一篇随笔心得。如何使用访问修饰符public、protected、private、internal？理论上来说，刚开始入行写C#的人，都会用这些访问修饰符，都知道都懂这些访问修饰符。现象：您发现了吗，你懂这些东西，不代表你是真懂。大多数人都是假懂。不说别人，就说你自己，对，指的就是你、你、你自己。你回顾一下，自己多年来所开发的项目，整个项目下来，你是不是只会public、private两种，整...
React工程目录简介
孤星的博客
03-19 985
通过React脚手架创建的项目，共会有以下文件 .git node_modules public src .gitignore package.json package-lock.json README.md .git 与 .gitignore .git是git初始化文件，.gitignore中的文件不会被存储至git中 .gitignore中的默认文件路径是脚手架生成的 node_modules 此目录下存放所有依赖的第三方模块，一般不会手动更改 public public下分别有3个文件favico.
初识react（8）——引入 public 文件夹下的图片显示不出来
小R.的博客
04-18 7237
  前段时间用react写项目时曾遇到 引入在 public 文件夹下的图片显示不出来 的问题，虽然很快解决了，但我初次使用react会遇到这个问题，说明也会有一部分人也会遇到这个问题，还是总结一下吧，嘿嘿????   此时我将图片存在 public 文件夹下的 images 文件夹里，如下图所示：   这种情况下，在 react 项目的 jsx 文件里应该这样引入图片： <img src="/...
react项目中public文件夹下index.html文件各标签的含义
weixin_37680021的博客
06-24 2173
React项目中的index.html文件，在平时写代码的时候经常忽略，几乎没有关心过他里面是什么标签，只关注了一个容器<div id="root"></div> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <!-- 设置网站标签栏上的偏爱图标，%PUBLIC_URL%指的是public路径 --> <li
react nom run build 打包后 资源文件找不到
04-16 1016
找到react-script模块文件夹config下面 paths.js node_modules\react-scripts\config\paths.js function getServedPath(appPackageJson) { const publicUrl = get...
create-react-app项目中public文件夹中的资源调用
weixin_45226867的博客
09-22 1316
create-react-app项目中public文件夹中的资源调用
react目录结构解析
lee727n的博客
05-26 1850
通过脚手架搭建好最简单的react程序以后，结构目录如上图，对于有前端基础的同学来说，package.json gitignore 这些都很熟悉了。我们主要介绍一下react中的核心文件 1.public中 index.html 这个文件是主页面 主页面的结构，后面我们写的页面都是加载到这个h5页面上。也就是说这个文件是我们程序的主结构页面 <!DOCTYPE html> <html lang="en"> <head> <meta chars...
项目如何导入css文件路径问题,【React】webpack打包如何统一js和css中图片资源路径...
weixin_32019219的博客
08-03 745
在webpack打包项目时经常要处理资源的路径问题，而通常处理方案有以下几种不设置publicPath，生成基于页面的相对路径设置publicPath，可设置相对路径和绝对路径设置__webpack_public_path__，js中资源路径使用该变量， css中资源未使用项目路径：开发环境因为都是基于/根目录所以怎么设置都OK，到了测试环境和生产环境路径就无法做到适配了。开发环境页面地址：htt...
react脚手架内部引用检测不到文件
05-23
如果你在 React 脚手架中遇到了无法引用文件的问题，可能是因为你的文件路径不正确或者你的文件不在正确的目录下。以下是一些可能的解决方案： 1. 确保你的文件路径正确：检查你的文件路径是否正确，特别是在你的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

木子 旭

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值