@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都可以像這樣引入，或者@其他文件夾，文件中就可以用了