"webpack module bundler"如何在ES6中实现继承？

Question

无法在 ES6 中实现继承类，当使用带有 babel 的 webpack 模块打包器导入两个文件时

我的目录结构是这样的

webpack.config.js 长得像

module.exports = {
  entry: "./entry.js",
  output: {
    path: __dirname,
    filename: "bundle.js"
  },
  module: {
    loaders: [
    {
      loader: "babel-loader",
      // Only run `.js` and `.jsx` files through Babel
      test: /\.jsx?$/,
      // Options to configure babel with
      query: {
        presets: ['es2015'],
      }
    },
  ]
  }
};

Entry.js 长得像

import './content.js';
import './content1.js';

content.js 长得像

export class addition {
  constructor(){
    this.x = 10 ;
  }
}

content1.js 长得像

class subtraction extends addition{
  constructor(){
    super();
    this.y = this.x - 5 ;
  }
}

var inst = new subtraction();
console.log(inst.x, inst.y)

在使用 webpack 和运行 index.html 生成 bundle.js 之后：出现如下错误

请帮助我弄清楚，如何使用 webpack 模块捆绑器在 ES6 中实现继承。

Answer 1

每个模块都必须导入其所有依赖项：

import {addition} from './content';

class subtraction extends addition {
  // ...
}

"webpack module bundler"如何在ES6中实现继承？

How to achieve inheritance in ES6 with "webpack module bundler"?

javascript

ecmascript-6

webpack

es6-module-loader