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通过＆＃34;内容＆＃34;识别打字稿文件。 - 它是否正确？如果是，如何强制它转换每个 .ts或src / 文件？

Answer 1

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

来帮助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 transile＆＃39;打字稿＆＃39;基于文件扩展名而不是内容

2 个答案: