TypeError:当使用webpack 2创建库并导出es6类时,MyApp不是构造函数

时间:2017-05-04 02:21:29

标签: javascript webpack ecmascript-6 babeljs es6-class

我的目标是创建一个myapp.min.js文件,该文件可以包含在网站中,然后,该页面下面的任何位置都可以调用文件。

const newInstance = new MyApp(userOptionsObject);

但是,我一直得到不是构造函数错误。这是我的webpack配置的相关部分:

module.exports = {
  context: path.join(__dirname, ''),
  devtool: debug ? "cheap-module-eval-source-map" : "source-map",
  entry: ["./js/MyApp.js"],
  output: {
    path: path.join(__dirname, '/dist/'),
    filename: 'myapp.min.js',
    library: 'MyApp',
    libraryTarget: 'var',
  },
};

我的MyApp.js看起来像这样:

export default class MyApp {
  constructor(userOps) {
    this.userOps = userOps;
  }
  toString() {
    return 'Hello visitor';
  }
}

所以,在浏览器中我会遇到例如:

  <script src="myapp.min.js"></script>
  <script>
    var newInstance = new MyApp({some: "options"});
  </script>

这也是我的babelrc

{
    "presets": [
      ["es2015", { "loose": true, "modules": false }]
  ]
}

0 个答案:

没有答案