这篇文章主要介绍了反应如何设置文件路径别名,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
文章环境:
“反应”:“^”16.13.1版本
反应官方脚手架默认是将webpack配置隐藏起来了,在进行配置之前需要将webpack给暴露出来。
1、输入命令npm运行弹出
别名:,{ ,,,,,,,//,Support react Native 网络 ,,,,,,,//https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/,,,,,,,& # 39;react-native& # 39;:, & # 39; react-native-web& # 39; ,,,,,,,//,Allows for better profiling with reactDevTools ,,,,,,,…(isEnvProductionProfile ,,, { ,,,,,,,,,& # 39;react-dom $ & # 39;:, & # 39; react-dom/分析# 39; ,,,,,,,,,& # 39;调度器/跟踪# 39;:,& # 39;调度器/tracing-profiling& # 39; ,,,,,,,}), ,,,,,,,…(modules.webpackAliases | |, {}), ,,,,,,,//,文件路径别名 ,,,,,,,& # 39;@ # 39;:,path.resolve (__dirname, & # 39; . ./src # 39;), ,,,,,,,& # 39;@view& # 39;:, path.resolve (__dirname, & # 39; . ./src/视图# 39;), ,,,,,},
需要特别注意的是:webpack配置进行改动后,都需要重新启动项目,不然不生效
5,在项目中使用
打开指数。js,将进口。/索引。css替换成进口& # 39;@/索引。css的
注:@在上面已经被设置src文件路径