如何在react项目中配置@，来引用文件

最新推荐文章于 2024-03-10 10:58:54 发布
最新推荐文章于 2024-03-10 10:58:54 发布
阅读量572 收藏
点赞数
文章标签： react.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_58495461/article/details/120066065
版权

1.首先在node_modules中查找react-scripts文件
在这里插入图片描述
2.找到react-scripts文件，点击config文件
在这里插入图片描述
3.在config文件中找到webpack.confilg.js文件
在这里插入图片描述
4.webpack.confilg.js文件中搜索alias
在这里插入图片描述
5.在alias中添加修改代码

  '@': path.resolve('src'),

在这里插入图片描述

小周同学:
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
React中使Vscode识别@路径并给出路径提示
数组喜欢打对象的博客
11-17 1188
步骤1: 在项目根目录创建 jsconfig.json 配置文件 在配置文件中添加以下配置 jsconfig.json 中： { "compilerOptions": { "target": "ES6", "module": "commonjs", "allowSyntheticDefaultImports": true, "baseUrl": "./", "paths": {
基于react项目打包css引用路径错误解决方案
01-18
没有去修改create-react-app默认的配置文件 执行npm start 一切正常, 但是 npm run build 之后生成的打包文件只能在根目录访问 这样放在服务器目录就访问不到了 报错为 手动更改index.html的路径之后又报静态...
react项目配置@指向src文件夹
刻痕
01-19 1883
react项目配置@指向src文件夹 react项目没有和vue一样有 @指向src文件夹，需要手动配置。 配置了之后，@ 就代表 src 目录，就不用自己 …/ 暴露项目配置项（任选一种） npm方式： npm run eject cnpm方式： cnpm run eject yarn方式： yarn eject 注意：此步骤不可逆 ，最好备份下项目再进行。 若报错，有git的可以通过 git add . git commit -m '暴露项目配置项' npm run eject
React基础—文件引入方式和理解
梦否
05-27 1672
1. 简单使用 1.1 环境 其实和jQuery类似，也可以使用html的文件引入方式来开发一个简单的Demo。可以查阅文档：在网站中添加 React – React (docschina.org) 开发环境引入文件： <script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script> <script src="https://unpkg.com/react-dom@1
React项目中配置@符号
xxq_0217的博客
02-29 800
在 React 项目中配置符号，通常是为了简化路径引入时的书写。
一个新的React项目我们该如何配置
学无止境
12-17 1306
一个新的react项目该如何配置
react import 引用失效 node_modules/@types/react/index.d.ts not a module.ts
汪锦鹏的博客
08-25 1291
node_modules/@XXX.d.ts不是模块.ts node_modules/@types/react/index.d.ts not a module.ts VS Code 中引入文件报类型错误: 找不到模块“@/xxx" 或其相应的类型声明。 Cannot find module 'react' or its corresponding type declarations.ts(2307)
react使用@引入文件
m0_46165586的博客
12-08 974
在项目中使用@符代表src路径引入文件会方便很多，层级会比较明确。@符代表src目录是配置出来的，也可以代表其他路径！使用@进行引入文件会比较方便，假如文件迁移会导致路径改变，使用@符就不需要担心路径改变导致没有找到文件。
React中配置@
haodanzj的博客
06-08 1071
React中配置@
react配置@路径的两种方式
weixin_44510655的博客
10-08 2340
react @路径配置
在react内配置@符号
m0_67301837的博客
12-30 1045
想要在react中使用@符号,我们需要分两步进行,第一步就是让VsCode识别@符号,第二步是让webpag识别让vscode识别,在你的项目根目录中创建一个jsconfig.json文件{注意:此时代码会报错,提示@符号无法识别,当然,这不是vscode本身报错,而是webpag无法识别,我们接下来就想办法让webpag识别2.让webpag识别 ,下载craco在项目根目录下创建一个craco.config.js文件在pakage.json中修改读取方式里面代码如下。
react-profile:使用react创建的网站配置文件
05-08
在HTML中引用环境变量 在Shell中添加临时环境变量 在.env添加开发环境变量 我可以使用装饰器吗？ 使用AJAX请求获取数据 与API后端集成 节点 Ruby on Rails 在开发中代理API请求 配置代理后出现“无效的主机头”...
deadfile:简单的工具，可在任何JavaScript项目（ES5，ES6，React，Vue等）中查找未使用的文件
05-02
一个简单的工具，可以在任何JavaScript项目（ES5，ES6，React，Vue等）中查找死代码和未使用的文件。 易于使用 对ES5，ES6，React，Vue，ESM，CommonJs的开箱即用支持。 容错： Deadfile使用松散的代码解析，因此...
login-React:使用React在表单中进行数据验证
05-14
在HTML中引用环境变量 在Shell中添加临时环境变量 在.env添加开发环境变量 我可以使用装饰器吗？ 使用AJAX请求获取数据 与API后端集成 节点 Ruby on Rails 在开发中代理API请求 配置代理后出现“无效的主机头”...
react-reconciler-viz:在React中可视化dom突变
04-30
在HTML中引用环境变量 在Shell中添加临时环境变量 在.env添加开发环境变量 我可以使用装饰器吗？ 使用AJAX请求获取数据 与API后端集成 节点 Ruby on Rails 在开发中代理API请求 配置代理后出现“无效的主机头”...
前端学习之React篇-（1）最简React——Html直接引用React
热门推荐
chenjycm的博客
04-24 2万+
当新手想看看React是什么样的，语法是什么样的，那么这里给出了一个最简单的使用React的方法——就是在html页面中直接引入React的js文件，然后在这个html中直接写react的js即可，简单、粗暴，但是也有很大的局限性。下面一步步介绍如何构建这样一个基于React的页面，最后给出完整的html示例代码。1、首先我创建一个最基本的html文件，然后引入Re...
React-配置别名@
最新发布
m0_62785037的博客
03-10 443
React项目中，配置别名@通常用于简化和统一管理项目路径。
配置React项目@路径别名及智能提示方案
Carrycjava的博客
11-27 717
在日常项目开发时，相信你也往往会碰到引入文件很麻烦的困扰，通常编辑器是支持 './' 与 '../' 去引入的，但是通常会选择通过@别名的方式去引入，使得项目更加清晰明了
react路由跳转和路由配置文件写在一个页面上
06-10
路由配置文件可以单独创建一个文件，例如 `routes.js`，在这个文件中定义路由和对应的组件，然后在应用的主文件中引用这个路由配置文件。 在应用的主文件中，可以使用 `react-router-dom` 提供的 `BrowserRouter` ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值