javascript - 为什么我没有使用 babeljs 获得导入建议

Question

我将 babel-env 与 vscode 和 yarn 工作区一起使用，并且在加载包时（编译后）。

我没有得到任何关于导入自动完成的建议..

我的项目结构：

|--packages
| |--common
|    |--src
|    |--dist
|    |--.babelrc
| |--server
|    |--src
|    |--dist
|    |--.babelrc
| |--web(create-react-app default settings)

babelrc 设置：

{
  "presets": ["@babel/preset-env"]
}

构建命令：

rm -rf dist && babel ./src --out-dir dist --copy-files

导入用法示例：

import { validation, functions } from "@project/common";

然后，当我输入示例时validation.inputs，我没有收到任何建议..

也许我需要添加一些 babel 扩展，我在文档中搜索但一无所获。

感谢您的帮助。

Answer 1

在 package.json 我添加了：

  "types": "./index.d.ts",
  "files": [
    "index.d.ts"
  ],

在公共根文件夹上，我添加了文件：“index.d.ts”，其中包含

export { default } from "./src/index";
export * from "./src/index";

我不知道你是否需要这样做，但它解决了我的问题

Answer 2

尝试将 es6 功能添加到您的工作区。所以在你jsconfig.json添加这个：

{
    "compilerOptions": {
        "target": "es6"
    },
    "exclude": [
        "node_modules"
    ]
}