小能豆

如何在 create-react-app 中创建导入快捷方式/别名?

javascript

如何在 create-react-app 中设置导入快捷方式/别名?来自:

import { Layout } from '../../Components/Layout'

更改为:

import { Layout } from '@Components/Layout'

我有一个webpack4.42.0 版本。我在根目录中没有 webpack.config.js 文件。我尝试自己创建一个,里面有以下代码:

const path = require('path')

module.exports = {
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src/'),
    }
  }
};

但它似乎不起作用。我NODE_PATH=..env文件中看到了变体。但我相信,它已被弃用 - 最好不要使用。而且,我有一个posstcss.config.js文件。因为我已经安装了 TailwindCss 并在那里导入了 CSS 库。我尝试在那里粘贴相同的代码,但它也没有用。


阅读 46

收藏
2024-06-07

共1个答案

小能豆

使用 Create React App v.3 终于可以实现

只要输入:

{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
}

或者jsconfig.json如果tsconfig.json你使用 Typescript

2024-06-07