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

10次阅读

共计 674 个字符，预计需要花费 2 分钟才能阅读完成。

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

正文完