在 React 项目中 用@让你的路径引入更清爽

1. 解开大礼包config

$ npm run eject

2. 在config/webpack.config.js文件中 找到alias配置 加入如下代码

alias: {
     // 加入下边两行代码
    '@': path.resolve('src'),
    'components': path.resolve('src/components/'),
    // 当然你也可以加入更多你想用的别名eg：page、utils
},

3. 如果你是ts用户还需在 tsconfig.json中配置

   "baseUrl": "./",                             
   "paths": {
     "@/*": [
       "src/*"
     ],
     "components/*": [
       "src/components/*"
     ]
   },  

4. 完成 你可以在任何文件中使用

  import ScrollNum from 'components/scrollNum'
  import ScrollNum from '@/components/scrollNum'

• 参考文章：@ juejin.cn/post/689263…
• 作者：@ 拾清风
• 本人萌新刚开始写点东西试水，还望大佬见谅，欢迎提供宝贵的意见一起努力！