react webpack配置组件路径引用 @与自定义

暴露配置文件:

create-react-app 生成的项目看不到 webpack 相关的配置文件,需要先暴露出来,使用如下命令

npm run eject

修改配置文件:

webpack.config.js

//把一个路径或路径片段的序列解析为一个绝对路径
 path.resolve(__dirname, '../')
// 静态储存当前目录绝对路径  __dirname:目录名
const staticRootDir = path.resolve(__dirname, '../');

resolve: {
      ...
      alias: {
        ...
        // 路径引用 @
        '@': paths.appSrc,
        //配置指定路径
        "@utils": path.resolve(staticRootDir, './src/utils'),
        //或
        "@utils": path.resolve('../', './src/utils'),
      }
    }
上一篇:vue组件如何被其他项目引用


下一篇:__dirname 、path.resolve()