在React文件夹结构中添加非npm扩展的最佳位置
是在public文件夹中。
public文件夹是React应用的根目录，用于存放静态资源文件。在这个文件夹中，可以添加非npm扩展的文件，如图片、字体、样式表等。这些文件可以直接通过相对路径引用，而无需使用模块导入的方式。
添加非npm扩展的文件到public文件夹的优势是可以方便地管理和访问这些文件。同时，这些文件不会被Webpack打包处理，可以直接从服务器上加载，提高应用的加载速度。
以下是一些应用场景和推荐的腾讯云相关产品和产品介绍链接地址：
- 图片资源：可以将应用中使用的图片文件放置在
public/images文件夹中。推荐使用腾讯云的对象存储服务 COS（Cloud Object Storage）来存储和管理图片资源。详情请参考：腾讯云对象存储 COS - 字体资源：可以将应用中使用的字体文件放置在
public/fonts文件夹中。推荐使用腾讯云的字体库服务来管理和提供字体资源。详情请参考：腾讯云字体库 - 样式表：可以将应用的全局样式表文件放置在
public/css文件夹中。推荐使用腾讯云的云开发服务来托管和部署应用的样式表。详情请参考：腾讯云云开发
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和项目情况进行。
相关·内容
1回答
在React文件夹结构中添加非npm扩展的最佳位置
reactjs、directory-structure
我正在构建一个React but应用程序，但获得了多个JS和CSS扩展(在node包管理器中不可用)，我希望将它们集成到我的项目中。由于我发现在src目录中添加一个供应商文件夹并不是很好，而且公共文件夹似乎不是正确的位置，那么添加这些(例如) Iconfonts、js gallery滑块等最好的目录或最常用的位置是什么呢？
浏览 6提问于2020-02-21得票数 0
回答已采纳
1回答
add react现有节点项目中的本机
react-native
有现有的package.json，npm start指向"babel-node server.js"。在一个单独的文件夹中执行react本机init之后，我将将android、ios文件夹以及index.android.js和index.ios.js复制到现有的节点项目中。然后，我也重新命名了新的项目根，只要它们注册到新的根目录中，比如在index.android.js ( AppRegistry
浏览 4提问于2016-04-03得票数 2
回答已采纳
1回答
环境变量在reactJS中未定义
javascript、reactjs
我正在开发一个使用spotify API的应用程序。我有一些秘密我想以客户ID、端点等的形式保存。为了在react中成功地使用环境变量，我已经完成了所有需要做的事情。这包括用REACT_APP_作为变量的前缀，并确保.env位于根文件夹中。在下面所示的代码中，我可以简单地console.log我的环境变量。=${process.env.REACT
浏览 17提问于2022-06-08得票数 1
2回答
在Heroku连接React前端和Node.js后端
javascript、node.js、reactjs、heroku
我已经将我的简单的React应用程序部署到Heroku - https://projectslist.herokuapp.com，它工作得很好，除了服务器部分根本不工作。我看过日志，它显示我唯一的服务器方法-- /sendmail --返回了error404。我如何解决这个问题？我想我应该在package.json文件中编辑一些东西，但是我不确定我应该修改什么。这是我的github存储库- https://github.com/
浏览 14提问于2021-07-05得票数 1
1回答
当文件位于不同的文件夹中时，如何在nodeJS应用程序中使用concurently同时运行服务器和客户端
node.js、reactjs、express、npm
我的项目被分成2个文件夹客户端和服务器在客户端文件夹中，通常的react-create-app package.json在服务器文件夹package.json与跟踪脚本 scripts: {server: nodemon app.js -app.jsserver-a
浏览 26提问于2021-01-25得票数 1
回答已采纳
2回答
react nodejs项目中有多个package.json文件
node.js、reactjs、express、create-react-app、package.json
我是react的新手，正在尝试创建一个使用react、node和express的项目。由于我自己正确设置react时遇到了很多问题，我决定使用create-react-app。package.json with the back end dependencies 客户端目录是使用"npm init react- package.json“创建的目录，还包含具有反应脚本的应用程序目前，如果我在</em
浏览 69提问于2019-05-23得票数 2
回答已采纳
1回答
最佳实践:使用create-react-app的客户端和服务器的文件夹结构
node.js、reactjs、create-react-app
尽管我花了相当多的时间来研究文件夹结构的最佳实践，但在不弹出react应用程序的情况下，我无法提出一个令人满意的解决方案。我想知道是否有我还没有找到的解决方案。我试图瞄准的文件夹结构如下所示： package.json client/ ...server/
index.js (node.js ma
浏览 9提问于2019-02-18得票数 2
1回答
在React服务器中使用外部JS库
javascript、node.js、tomcat、reactjs、server
在我的网络项目中，我必须使用一个名为“Reacti-装甲”的JS库。因此，按照的指示，创建了一个React驱动服务器。在服务器package.json文件中添加了react装甲依赖项。
但是，sudo np
浏览 1提问于2016-06-09得票数 0
1回答
Postcss src/tailwind.css -o src/styles.css脚本错误
npm、tailwind-css
我已经创建了我的react-app，之后我才添加了顺风。 目前这是我的文件夹结构： ? start", "test": "react-scripts test",
"eject": "react-scriptseject&q
浏览 24提问于2020-10-23得票数 1
1回答
Provided，未在npx上提供的模板-app <app name>
node.js、reactjs
我正在启动一个新的反应性应用程序如果没有提供模板的错误，请执行以下->操作npx create-react-app@latest(or so
浏览 8提问于2022-01-19得票数 0
回答已采纳
2回答
react.js:如何加载本地react.js而不是使用在线how
javascript、html、node.js、reactjs
因此，我是react.js的新手，并且一直在遵循facebook创建的教程。(；这一个)。如何将src从在线改为本地？我已经通过npm下载了react。所有文件都位于名为react2<e
浏览 0提问于2016-07-02得票数 1
27回答
无法解析React本机应用程序中的模块
react-native
我得到一个错误的反应本机说，它不能解决一个模块。它是说某个文件夹不存在，但路径不准确。不过，我不知道第二个应用程序是从哪里来的。我的目录如下所示export RNAppNavigator from '.我没有任何其他组件的问题。只有AppContainer。
谢谢!
浏览 16提问于2016-12-05得票数 56
4回答
我能在全球范围内通过终端安装react本机Cli吗？
javascript、reactjs、react-native、react-native-ios、react-native-cli
我想安装react本机cli，但是我不知道在哪里运行这个命令：npm install -g react-native-cli。我是否需要在我的macOS终端上运行这个命令，或者当我要为我的本机应用程序创建一个目录时，我需要在vscode中运行这个命令？如果我在我的终端中运行这个命令，或者在VScode中运行这个命令，有什么问题吗？
浏览 7提问于2021-07-13得票数 1
回答已采纳
2回答
React Native 60中存在无法识别的字体系列错误
ios、xcode、react-native
以下是该错误的屏幕截图react-native.config.js文件 project: {};我试着直接通过XCode工作，但同样如此
它也以应用程序提供字体存在于Info.plist中
浏览 4提问于2020-05-17得票数 1
1回答
eslint /较漂亮/eslint react本机-社区集成，在VS代码中具有更漂亮的扩展
react-native、eslint、prettier、prettier-eslint、react-native-community
因此，我试图在我的react本机项目中使用ESlint。我希望能够使用更漂亮的扩展。并添加了一个.eslintrc文件。{}
浏览 10提问于2022-06-11得票数 2
2回答
在github上响应应用程序部署失败
reactjs
有人能帮我把我的反应应用部署到github上吗？我已经在我的package.json文件中添加了所有必需的依赖性，并使用了更新的react模块。下面是我的package.json文件: "name": "git-sample-react", "private&quo
浏览 3提问于2018-08-07得票数 7
17回答
无法从react-script卸载webpack
node.js、reactjs、react-native、npm、webpack
我试着在react中做一个todo-app，这对我来说是个新鲜事。但是一旦安装了webpack，npm start就不能工作了。但是，在树的较高位置检测到不同版本的webpack： /home/hanna/node _ 模块/webpack(版本: 4.20.2) 手动安装不兼容的版本会导致难以调试的问题。和/或项目文件夹中
浏览 274提问于2018-10-02得票数 25
4回答
错误:文件index.js的捆绑失败: ReferenceError: SHA-1
android、reactjs、react-native
react-native: 0.57.0纱线: 1.9.4 nodejs: 9.10.1[android, dev] ..\..\..1.1" 500 - "-" "okhttp/3.10.0" a
浏览 0提问于2018-09-14得票数 11
2回答
终端中找不到React-native命令
macos、react-native、react-native-cli
当我尝试创建一个新的react原生项目时，我一直遇到"command not found“错误。我看过过去关于这个话题的问题，他们都说要改变路径，这似乎对我不起作用。Davids-MBP-2:~ David$ watchman -vDavids-MBP-2:~ David$ node -vDavids-MBP-2:~ David$ npminstall -g react-native-cli
/Users/David/.np
浏览 1提问于2019-05-28得票数 0
3回答
如何看待已安装的模块？
react-native
怎样才能看到“npm”命令安装的模块的完整列表？
示例：npm list react-native-modules
浏览 0提问于2018-03-25得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
