如何在js文件中执行ts function？

Question

我有 typescript 文件file1.ts

export function Hello(str: string) {
    console.log(str);
}

我有文件index.js

{
   require('./some.js'); 
}

和 package.json 中的脚本

"run": "node index.js"

如何从index.js中的ts文件运行 function

Answer 1

如果要在js文件中导入ts或es文件以使用节点执行它，则需要能够将导入的文件即时转换为 javascript。 您可以使用babel-register插件来实现这一点。

您必须像这样在 index.js 中包含 babel-register

require('babel-register')({
    plugins: [/* List of plugins */],
    cache: process.env.NODE_ENV !== 'development'
});

如果你使用 babel.rc，你不需要在这里包含插件。 您可以使用@babel/preset-typescript typescript 插件将ts转换为js 。

编辑：

您可以从 ts 文件导入任何导出的值，就像从任何其他文件导入一样。

var Hello = require('file1.js')

Answer 2

动态导入让脚本根据需要加载其他脚本：

<script type="module">
  import('hello.mjs').then(module => {
  module.hello('world');
});
</script>

参考这个

在另一个 JavaScript 文件中包含一个 JavaScript 文件