乐趣区

关于react.js:react项目为路径起别名

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 配置进行改变后,都须要重新启动我的项目,不然不失效

退出移动版