时间戳

首页 > 解决方案 > 没有 create-react-app 的 React 应用程序中的绝对导入

reactjs - 没有 create-react-app 的 React 应用程序中的绝对导入

问题描述

有很多资源解释了如何在 React 中使用 create-react-app 进行绝对导入

但是我想将绝对导入添加到不是通过 create-react-app 创建的现有项目中。有谁知道如何做到这一点的指南？

标签： reactjs

解决方案

不确定这是否是最好的方法......

但是在 webpack.config 的解析器中添加别名

resolve: {
    extensions: ['.js', '.jsx'],
    alias: {
        src: path.resolve(__dirname, 'app')
    }
}

让我像这样替换进口

import Component from './../../src/Component';

有了这个

import Component from 'src/Component';

见https://webpack.js.org/configuration/resolve/

推荐阅读