带汇总的绝对导入

Question

我正在尝试获得类似的进口

import { startup } from "applicationRoot/renderUI";

在我的应用程序的任何地方工作。 我认为rollup-plugin-alias很适合这个。 我试过配置

alias({
  applicationRoot: "applicationRoot/"
})

在我的插件数组中。 这很接近，但扩展名被删除，所以我收到错误：

c:\\path\\to\\applicationRoot\\renderUI 不存在。

加入

alias({
  resolve: [".js"],
  applicationRoot: "applicationRoot/"
}),

没有改变任何东西。

Answer 1

您可以使用rollup-plugin-includepaths 。

将此添加到您的汇总配置中：

import includePaths from 'rollup-plugin-includepaths';

export default {
  ...
  plugins: [
    ...
    includePaths({ paths: ["./"] })
  ]
};

这将告诉 Rollup 还从应用程序的根目录解析导入，所以像

import { startup } from "applicationRoot/renderUI";

将适当地找到它所在的applicationRoot文件夹。

Answer 2

这不是原始问题的答案，但如果您是从搜索结果来到这里并使用 Typescript，则可以在 tsconfig 中设置compilerOptions.baseUrl ，它就会起作用。

{
  ...
  compilerOptions: {
    ...
    "baseUrl": "./"
  },
}

然后，如果你有一个像 `src/lib/util.ts' 这样的文件，你可以导入它：

import util from 'src/lib/util'