react官网脚手架默认是将webpack配置暗藏起来了,在进行配置之前须要将webpack给裸露进去。
1.输出命令 npm run eject
会呈现一个命令提醒:这是一个单向操作,确认操作后不可逆转/返回?
输出 y 回车
胜利之后 在我的项目根目录呈现 config 文件夹
2.关上 config 文件夹下的 webpack.config.js 文件
3.进行搜寻 alias
4.参照如下格局,设置门路别名
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'), },
须要特地留神的是: webpack配置进行改变后,都须要重新启动我的项目,不然不失效