Javascript 如何在ES5中使用transpiled ES6？

我正在ES6中创建一些类，并将其转换为ES5。但我无法通过ES5访问对象

ES6文件

import Util from "./utilities";

export default class Dom {
    construtor(){}

    static byId(s){
        if(s !== null) {
            return document.getElementById(s);
        }else{
            throw `${Util.functionName()} needs paramater`;
        }
    }
}

及

将被传送的那个

import Dom from "./Dom";

console.log(Dom.byId("test"));

传输结果

(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){

"use strict";

Object.defineProperty(exports, "__esModule", {
    value: true
});

var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

var _utilities = require("./utilities");

var _utilities2 = _interopRequireDefault(_utilities);

var Dom = (function () {
    function Dom() {
        _classCallCheck(this, Dom);
    }

    _createClass(Dom, [{
        key: "construtor",
        value: function construtor() {}
    }], [{
        key: "byId",
        value: function byId(s) {
            if (s !== null) {
                return document.getElementById(s);
            } else {
                throw _utilities2["default"].functionName() + " needs paramater";
            }
        }
    }]);

    return Dom;
})();

exports["default"] = Dom;
module.exports = exports["default"];

},{"./utilities":3}],2:[function(require,module,exports){

"use strict";

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var _Dom = require("./Dom");

var _Dom2 = _interopRequireDefault(_Dom);

console.log(_Dom2["default"].byId("h1"));

},{"./Dom":1}],3:[function(require,module,exports){

'use strict';

Object.defineProperty(exports, '__esModule', {
    value: true
});

var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }

var Util = (function () {
    function Util() {
        _classCallCheck(this, Util);
    }

    _createClass(Util, null, [{
        key: 'functionName',
        value: function functionName() {
            var name = arguments.callee.toString();
            name = name.substr('function '.length);
            name = name.substr(0, name.indexOf('('));

            return name;
        }
    }]);

    return Util;
})();

exports['default'] = Util;
module.exports = exports['default'];

},{}]},{},[2])


//# sourceMappingURL=helpers.js.map

代码>（函数e（t，n，n，r）若（t，t，n，n，r）若（t（t，t，n，n，r）若（t（t，t，n，n，n，r）若（t，n，n）若（t，n，n）若（t，n，n，r）若（t）若（t）若（t（t，n，n，n，n，r）若）若（t，（t，n，n，n，n，n，n，r）若）若（t，（t（t，n，n，n，n，n，n，n，n，n，n，n，n，n，n，n，n，n，n，r）若）若（t，（t）若（t，（t，n，n，（t，n，n，n，n，n，n，n，n，n，n，n，n，n，n，n，n，n，n，n，n，n，n）若r）}返回n[o] .exports}var i=typeof require==“function”&&require；for（var o=0；o如果要将某个内容“导出”到全局范围，请将其分配给

窗口的属性

对象：

window.Dom = Dom;

---

但是要注意，声明全局变量被认为是不好的做法（）.

window.Dom=Dom

？您需要一个模块加载器。默认情况下，Babel以CommonJS语法输出模块，因此您需要一个支持该语法的模块，例如@Pavlo

Dom

未在窗口范围中定义。它看起来就像是从穷人那里来的indentation@Pavlo啊，是的，非常感谢（我好笨）！你能把它作为答案吗。@RGraham，我用的是Babel、babelify和browserify。啊……我明白了……但是像

window.{aContainer}.Dom

这样的东西更容易接受吗？是的，不要这样做。

window.Dom = Dom;