react配置 src 根路徑

前提：react配置導入根路徑需要在webpack中配置，但使用腳手架創建的項目，默認將babel、webpack等內容全部封裝到react-scripts中，所以在這種狀態下沒有辦法更改webpack中的內容

需要執行npm run eject解開react-scripts包

 

• npm run eject 命令無法撤銷
• 執行后，會出現config 和scripts 兩個文件夾

方法：在新出現的config 文件夾中，找到 webpack.config.js 文件，在alias 中插入'@': path.resolve('src'),/或者 '@':path.join(__dirname,'../src'), 就可以了

alias: {
        '@': path.resolve('src'),
        // '@':path.join(__dirname,'../src'),
        // 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',
        // Allows for better profiling with ReactDevTools
        ...(isEnvProductionProfile && {
          'react-dom$': 'react-dom/profiling',
          'scheduler/tracing': 'scheduler/tracing-profiling',
        }),
        ...(modules.webpackAliases || {}),
      },