首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在使用babel编译成es5后实例化一个新的类?

如何在使用babel编译成es5后实例化一个新的类?
EN

Stack Overflow用户
提问于 2019-06-25 08:58:31
回答 1查看 27关注 0票数 0

我有以下代码...

代码语言:javascript
复制
// index.mjs

class DoSomething{
    constructor(){
        console.log("Constructing");
    }
    doSomethingElse(){
        console.log("Something else");
    }
}

export { DoSomething }

它使用下面的webpack规则进行编译...

代码语言:javascript
复制
  rules: [
      {
          test: /\.mjs$/,
          exclude: /(node_modules|bower_components)/,
          use: {
              loader: 'babel-loader',
              options: {
                  presets: ['@babel/preset-env']
              }
          }
      }
  ]

这会产生..。

代码语言:javascript
复制
 //dist/sce.cjs
...
var DoSomething =
/*#__PURE__*/
function () {
  function DoSomething() {
    _classCallCheck(this, DoSomething);
    console.log("Constructing");
  }

  _createClass(DoSomething, [{
    key: "doSomethingElse",
    value: function doSomethingElse() {
      console.log("Something else");
    }
  }]);
  return DoSomething;
}();

但是,当我尝试在CJS脚本中实例化它时,如下所示...

代码语言:javascript
复制
var lib = require("../dist/sce.cjs");
(function(){
    var instance = new lib.DoSomething();
    instance.doSomethingelse();
})()

我得到了

TypeError: lib.DoSomething不是构造函数

我该如何导入这个?

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56745550

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档