@components问题

场景：在引入组件的时候，希望解决"../components/page/member"这样的引入；

希望：像vue的项目中用@components/page/member引入组件

npx create-react-app my-app

单向操作不可逆，npm eun eject命令暴露项目的配置，可以自由配置项目所需的依赖，不使用的版本零配置即可开发。

npm eun eject

 

这里我都项目目录是

 

之后可以看到config-webpack.config.js文件，在alias这里修改：

      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',
        // '@': paths.appSrc,// 用法 @/components
        '@components': path.join(__dirname, '../src/components'),
        '@styles': path.join(__dirname, '../src/styles')
      },

@components, @styles都可以像这样引入，或者@其他文件夹，文件中就可以用了