开发者社区 问答 正文

react怎么配置路径别名

react怎么配置路径别名?

展开
收起
有路有乔-六月 2022-12-05 19:30:13 916 分享 版权
1 条回答
写回答
取消 提交回答
  • 面对过去,不要迷离;面对未来,不必彷徨;活在今天,你只要把自己完全展示给别人看。
    • 通过安装customize-cra插件来实现
    • 在根目录新建config-overrides.js
    const {
      override,
      addWebpackAlias
    } = require('customize-cra')
    const path = require('path')
    
    module.exports = override(
      // 路径别名
      addWebpackAlias({
        '@': path.resolve(__dirname, 'src'),
        '@c': path.resolve(__dirname, 'src/components'),
        '@views': path.resolve(__dirname, 'src/views'),
        '@utils': path.resolve('src/utils'),
        '@styles': path.resolve('src/styles'),
      })
    )
    
    
    • 修改package.json文件
    
     原本之前的
    "scripts": {
        "start": "react-scripts start",
        "build": "react-scripts build",
        "test": "react-scripts test",
        "eject": "react-scripts eject"
      },
    修改之后
    scripts": {
        "start": "react-app-rewired start",
        "build": "react-app-rewired build",
        "test": "react-scripts test",
        "eject": "react-scripts eject"
      },
    
    
    • 这边保存重启一下即可
    2022-12-05 20:01:14
    赞同 展开评论