场景:在引入组件的时候,希望解决"../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都可以像这样引入,或者@其他文件夹,文件中就可以用了