react脚手架配置路径别名

文章写时react版本16.13.1
1输入命令 npm run eject 在项目根目录下生成config目录
2在confilg下打开webpack.config.js文件找到如下位置

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

3修改如下，然后重启项目

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