在React app中绝对导入而无需create-react-app

时间:2019-09-13 18:49:41

标签: reactjs

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

但是我想将绝对导入添加到不是通过create-react-app创建的现有项目中。有人知道如何执行此操作的指南吗?

1 个答案:

答案 0 :(得分:0)

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

但在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/