如何根据文件扩展名而不是内容使 SystemJS 转译 'typescript'

Question

我在 index.html 中有这个 SystemJS 配置：

<body>
        <script src="node_modules/systemjs/dist/system.js"></script>
        <script>
            System.config({
                defaultJSExtensions: true,
                transpiler: 'typescript',
                map: {
                    typescript: 'node_modules/typescript/lib/typescript.js'
                },
                packages: {
                    "ts": {
                        "defaultExtension": "ts"
                    }
                },
            });
            System.import('ts/main');

        </script>
</body>

main.ts:

let a = [1, 2, 3];
let b = [1, 2, 3];

我得到：Uncaught SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode。看起来文件没有被 SystemJS 转译。

当我在第一行添加 import 语句时，它完美地工作：

import * as ts from 'typescript'; // or any other package

let a = [1, 2, 3];
let b = [1, 2, 3];

SystemJS 似乎通过 "contents" 识别 typescript 文件 - 这是正确的吗？如果是，如何强制它转换每个 .ts 或 src/ 文件？

Answer 1

如您所料，systemjs 正在猜测您在文件中使用的语法。您可以通过添加

来帮助 systemjs

// maybe you need to use " format:'register' " instead
System.config({
  meta: {
    '*.ts': {
      format: 'es6'
    }
  }
});

更多信息module-formats

Answer 2

我编写了一个模块来帮助使用 SystemJS 处理多个文件扩展名： https://www.npmjs.com/package/one-plugin

如何根据文件扩展名而不是内容使 SystemJS 转译 'typescript'

How to make SystemJS transpile 'typescript' based on file extension not contents

typescript

systemjs