vite中如何从反方向导入答案

【问题标题】：How to import from the opposite direction in vitevite中如何从反方向导入
【发布时间】：2022-12-12 19:43:23
【问题描述】：

我已经使用 create-react-app 很长时间了，决定试试 vite。

在 webpack 中，不是像这样导入文件：

import Appbar from '../../../../../../../../../../components/Appbar'

我可以直接将其导入为：

import Appbar from 'components/Appbar'

我以前的做法是在项目根目录下创建一个名为jsconfig.json 的文件，我写了以下内容：

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

这使得 webpack 认为根目录是 src 目录。

如何用vite制作同样的东西？ vite 使用了 roll-up，但是找不到和我一样的问题，所以我决定再问一个。

【问题讨论】：

【解决方案1】：

如果我正确理解你的问题，你可能想试试import.meta.ROOT_DIR，它包含你项目的根目录。

例如：你有一个 module.js 位于 src 文件夹中，你想从另一个文件夹中的文件中导入它，你可以这样写：

import moduleName from 'import.meta.ROOT_DIR/src/module.js'

【讨论】：