module - 在运行时使用同步语法导入 commonJS、AMD 和 ES6 模块

Question

我最近写了很多 ES6，使用 import {variable} from 'ES6module'语法，并使用 traceur-compiler 在浏览器中编译代码.我开始看 systemjs因为它似乎允许我使用相同的语法来导入 AMD、commonJS 和 ES6 模块。

阅读文档已经开始让我感到困惑。我看到很多异步调用，例如 System.import('path/to/module').then(function(variable) { ... })我不习惯依赖项导入。

我已阅读 Practical workflows for ES6 modules ，其中涵盖了许多不同的工作流程，其中不涉及在运行时导入 ES6 模块和 AMD/commonjs 模块。我在想这样的事情:

import {myObject} from 'my/es6/module';
import {_} from 'lib/underscore';

或者，如果不是这样，至少:

import {myObject} from 'my/es6/module';
var _ = require('lib/underscore');

systemjs可以实现这些吗？

Answer 1

这个用例正是 SystemJS 的设计目的。

你可以写:

import {myObject} from 'my/es6/module';
import _ from 'lib/underscore';

原因是因为 SystemJS 中的 CommonJS、AMD 和 Global 模块被视为只导出一个 default属性，对应于上面的默认导入语法。