用于同构/通用javascript应用的公共模块格式

Question

我正在尝试编写同构/通用的应用程序，有许多复杂的东西将所有的东西联系在一起。

我需要的是通用(不要与commonjs混淆)模块格式的客户端和服务器与动态加载和es6/7脚本的可能性(如异步/等待等)

另外，我希望它可以在运行时进行转换，而不需要像webpack这样的打包工具

我尝试过systemjs，但问题是Systemjs不能像加载nodejs模块那样加载nodejs模块，例如

System.import("express")

工作方式不同于

require("express")

因此，我尝试在服务器端和浏览器中使用commonjs格式(+babel表示转换)

在浏览器中我用的是steal.js，它也在幕后使用了systemjs，可以在客户端加载npm模块并在运行时转换，但它不能自动转换commonjs模块，因为systemjs只能自动转换'esm/es6‘格式:(

我需要的方式，以强制转换cjs模块与systemjs/stealjs或使System.import在服务器上以可接受的方式工作

或者是我走错了方向？

Answer 1

系统Js可以导入CJS模块。我目前正在创建一个同构的express/react/system js/jspm应用程序。

文档在这里正确地描述了：https://github.com/systemjs/systemjs/blob/master/docs/module-formats.md

尝试将以下内容添加到您的系统配置中：

System.config({
  baseURL: "/",
  defaultJSExtensions: true,
    meta: {
        "*js": {
            format: "cjs"
        }
    }
})