rollupjs ：使用 babel 和 typescript，不带扩展名的绝对导入

Question

我将一个库与 Rollup 捆绑在一起，并尝试从 rollup-plugin-typescript2 切换到 rollup-plugin-babel 以转换我的打字稿代码。

这主要是工作，但我需要添加扩展，绝对路径不起作用。

使用 typescript 编译器，我可以这样做：

import MyView from 'routes/myRoute/myView';

route 位于 src 文件夹中，我的 tsconfig.json 中有此文件夹：

...
"baseUrl": ".",
"paths": {
  "*": ["src/*"]
},
...

要让它与 babel 一起工作，我必须切换到相对导入并添加如下扩展：

import MyView from './routes/myRoute/myView.tsx';

如何配置 babel 或/和汇总以返回到第一个实现？

这是我当前的汇总插件配置：

    resolve({
      extensions: ['ts', 'tsx', 'js', 'jsx', '.json'],
      customResolveOptions: {
        moduleDirectory: 'node_modules',
      },
      jail: '/src',
    }),
    babel({
      babelrc: false,
      configFile: false,
      envName: env === 'prod' ? 'production' : 'development',
      exclude: 'node_modules/**',
      extensions: ['ts', 'tsx', 'js', 'jsx', '.json'],
      plugins: [
        [
          'module-resolver',
          {
            extensions: ['ts', 'tsx', 'js', 'jsx', '.json'],
            root: ['./src'],
          },
        ],
      ],
      presets: [
        '@babel/preset-typescript',
        '@babel/preset-react',
        [
          '@babel/preset-env',
          {
            modules: false,
          },
        ],
      ],
    }),

（是的，我到处都放了扩展，希望它能起作用）

Answer 1

您需要在 .babelrc 文件中定义 TypeScript 扩展。你需要做类似的事情：

"plugins": [
    [
      "module-resolver",
      {
        "extensions": [
          ".js",
          ".jsx",
          ".ts",
          ".tsx"
        ],
        "root": [
          "./src"
        ]
      }
    ]
  ]

查看详细示例：https://github.com/damassi/babel-7-typescript-example