php设置路径别名,react设置文件路径别名的具体方法你知道么
文章环境:
“react”: “^16.13.1” 版本
react官方脚手架默认是将webpack配置隐藏起来了,在进行配置之前需要将webpack给暴露出来。
1、输入命令 npm run eject
会出现一个命令提示:这是一个单向操作,确认操作后不可逆转/返回?
输入 y 回车
成功之后 在项目根目录出现 config 文件夹
2、打开 config 文件夹下的 webpack.config.js 文件
3、进行搜索 alias ,大概在 291 行的位置
参照如下格式,设置路径别名alias: {
// Support react Native Web
// https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
'react-native': 'react-native-web',
// Allows for better profiling with reactDevTools
...(isEnvProductionProfile && {
'react-dom$': 'react-dom/profiling',
'scheduler/tracing': 'scheduler/tracing-profiling',
}),
...(modules.webpackAliases || {}),
// 文件路径别名
'@': path.resolve(__dirname, '../src'),
'@view': path.resolve(__dirname, '../src/view'),
},
需要特别注意的是: webpack配置进行改动后,都需要重新启动项目,不然不生效
5、在项目中使用
打开 index.js ,将 import ./index.css 替换成 import '@/index.css’
注: @ 在上面已经被设置 src 文件路径
6、启动项目, 无报错,并且样式生效
php设置路径别名,react设置文件路径别名的具体方法你知道么相关推荐
- linux绝对路径写法,javalinux获取文件路径怎么写
1. java linux怎么获取文件路径 一般文件路径在windows中用 / 表示,但是在其他系统平台下比如linux中就不是 / 所以java给我们提供了一个与平台无关的表示路径的常量 File ...
- selenium java 设置firefox的默认下载文件路径
在学习自动化测试的时候,遇到使用firefox中有下载文件时,会一直有一个下载框在,虽然不影响程序正确运行,但是不能验证文件下载功能是否实现.查找资料之后,发现可以这么解决. 下载框形如下图 解决问题 ...
- c 服务器文件路径,c打开服务器文件路径
c打开服务器文件路径 内容精选 换一换 文件作用:可以关闭/打开监听端口.指定监听端口.指定监听IP等.文件路径:Atlas 300场景下,在Host侧服务器上,在~/ide_daemon目录下查看i ...
- 易语言程序c盘路径,易语言取文件路径的操作教程
易语言开发环境的"横空出世",给沉寂已久的"编程江湖"带来了巨大反响.越来越多的编程爱好者加入了易语言编程的大潮中.在易语言编程中,我们可能会遇到很多问题.比如 ...
- 数据库服务器文件路径,服务器数据库的文件路径
服务器数据库的文件路径 内容精选 换一换 该任务指导用户完成将数据从MRS导出到外部的数据源的工作.一般情况下,用户可以手工在Loader界面管理数据导入导出作业.当用户需要通过shell脚本来更新与 ...
- vscode新手注意事项(字体间隔,报错提示波浪线,头文件路径,opencv头文件路径)
一.字体空格 刚安装vscode,不设置字体的话,字体间的间隔会很难受,需要进行如下配置. 在 设置->首选项 选择 文本编辑器->字体 ,将"FONT Family " ...
- python获取某文件路径_Python获取当前文件路径
一. Python 获取当前文件路径方法 2. sys.path[0] 获取文件当前工作目录路径(绝对路径) sys.argv[0]|获得模块所在的路径(由系统决定是否是全名) 若显示调用python ...
- python中filepath路径怎么写_python文件路径操作方法总结
在python中,文件使用十分频繁,本文将向大家介绍python文件路径的操作:得到指定文件路径.得到当前文件名.判断文件路径是否存在.获得指定文件夹下所有文件.获得文件后缀.拼接路径和文件名. 1. ...
- java当中如何修改路径_Java 中 更改文件路径
java 中更改文件路径可以用file.renameTo 方法 public static void moveDataFile2Reject() throws Exception { try { // ...
最新文章
- Blender 3.0机器人硬面建模材质渲染全流程学习课程
- 数据分析-pca协方差
- tensorflow cuda 对应版本
- 刚安装的python如何使用-Anaconda介绍、安装及使用教程
- 帝国CMS后台前台上传大小和类型限制的解决方法!
- sharepoint部件webparth关闭找回的方法
- 端侧AI:高隐私、高可靠的智能个性化服务
- Spring入门第二十五课
- 【树莓派】修改树莓派盒子MAC地址
- Python | 不使用库函数将十进制数转换为二进制
- 详解Python中的浅复制与深复制
- 2016年前端web开发趋势总结
- python编程入门-最好的Python入门教材是哪本?
- Django实战(一)-----用户登录与注册系统2(数据模型、admin后台、路由视图)
- ZeroC Ice介绍与简单demo构建
- 二层交换配置完ping失败_交换机堆叠后部分IP地址PING包不可达问题
- 转运锦鲤(Transport of Koi Carp)
- Ubuntu14.04系统安装Latex及配置中文字体
- 客户管理是企业利润的根本,企业如何进行客户管理呢?
- 施炯谈WP7设备上的传感器开发
热门文章
- bootstrap-table文档
- git stash简介
- 牛客16429 组合数问题(二维前缀和、杨辉三角)
- python中的变量的作用_Python中的变量作用域
- 用python设计学生管理系统_基于python和tkinter实现的一个简单的学生信息管理系统...
- js设计一个带开关的时钟_数电题:三个按键一个灯
- 以图搜图 图像匹配_图像匹配,基于深度学习DenseNet实现以图搜图功能
- css线加点的进度,纯CSS实现的交互式进度条(点击带进度填充动画)
- python和pytorch是什么关系_【PyTorch】Tensor和tensor的区别
- window下打开tensorboard