@babel/plugin-transform-modules-amd 的行为不符合预期



我有以下package.json

{
  "name": "watchman",
  "version": "1.0.0",
  "description": "Simple watcher for ES6 to AMD conversion",
  "author": "Luciad NV",
  "license": "MIT",
  "scripts": {
    "build": "cross-env NODE_OPTIONS=--max_old_space_size=8192 babel es6/geometry es6/ria es6/symbology -d release --watch"
  },
  "devDependencies": {
    "@babel/core": "^7.4.0",
    "@babel/plugin-transform-modules-amd": "^7.2.0",
    "cross-env": "^5.2.0"
  },
  "dependencies": {
    "@babel/cli": "^7.2.3"
  }
}

我有以下.babelrc

{
  "plugins": ["@babel/plugin-transform-modules-amd"]
}

我的es6/ria文件夹中有以下 es6 模块:

import ProgrammingError from "../error/ProgrammingError";
import Promise from "../util/Promise";
  function Evented(supportedEvents) {
  }
  Evented.prototype = Object.create(Object.prototype);
  Evented.prototype.constructor = Evented;
  Evented.prototype.on = function(event, callback, context, options) {
  };
  Evented.prototype.emit = function(event) {
  };
  export default Evented;

如果我运行npm run build这将产生具有以下实现的AMD模块:

define(["exports", "../error/ProgrammingError", "../util/Promise"], function (_exports, _ProgrammingError, _Promise) {
  "use strict";
  Object.defineProperty(_exports, "__esModule", {
    value: true
  });
  _exports.default = void 0;
  _ProgrammingError = _interopRequireDefault(_ProgrammingError);
  _Promise = _interopRequireDefault(_Promise);
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  function Evented(supportedEvents) {}
  Evented.prototype = Object.create(Object.prototype);
  Evented.prototype.constructor = Evented;
  Evented.prototype.on = function (event, callback, context, options) {};
  Evented.prototype.emit = function (event) {};
  var _default = Evented;
  _exports.default = _default;
});

当我尝试使用 eg 加载Evented模块时。Require.js,我希望Evented"类"。

相反,我得到了一个带有 default 属性的对象,其中包含Evented"类"。

这是一个错误吗?还是这样设计的?

而且它不是错误,有没有办法达到预期的效果?

有没有办法使用 @babel/plugin-transform-modules-amd 插件将此 ES6 转换为 AMD,以便它按预期返回Evented"类"?

这就是它的工作原理。我们正在使用不同的插件,这些插件可以根据需要工作,在这里 https://www.npmjs.com/package/babel-plugin-transform-es2015-modules-simple-amd

最新更新