Javascript 绑定Web包后未定义对象

我用ES6编写了一个简单的应用程序用于培训。我想在这个应用程序中使用模块，所以我安装了webpack和babel。不幸的是，当我尝试启动我的方法时，我收到了错误：

Uncaught ReferenceError: gas is not defined
at HTMLButtonElement.count (bundle.js:113)

所以，“gas”是这个对象的实例

这是我的档案： main.js

gas.js

export default class Gas {
  constructor() {

  }

  count() {
    // code
  }

  printResult(result) {
    // code
  }

  _isValid(dist, price, aver) {
   // Code
  }
};

最后，这里是我的网页配置：

module.exports = {

  // Define entry point
  entry: "./src/main.js",

  // Define output point
  output: {
    path: __dirname + "/dist",
    filename: "bundle.js"
  },

  module: {
    loaders: [{
      test: /\.js$/,
      exclude: /(node_modules)/,
      loader: "babel-loader",
      query: {
        presets: ["env"]
      }
    }]
  }
};

---

如果有人能给我一个提示，为什么它不起作用，我将非常感激。提前谢谢你。

看起来应该可以用了。这里有什么输出：从“/Gas”导入气体；console.log（Gas）这是我的控制台日志：函数Gas（）{u classCallCheck（This，Gas）；}看起来它应该可以工作。这里有什么输出：从“/Gas”导入气体；console.log（Gas）这是我的控制台日志：函数Gas（）{u classCallCheck（This，Gas）；}

module.exports = {

  // Define entry point
  entry: "./src/main.js",

  // Define output point
  output: {
    path: __dirname + "/dist",
    filename: "bundle.js"
  },

  module: {
    loaders: [{
      test: /\.js$/,
      exclude: /(node_modules)/,
      loader: "babel-loader",
      query: {
        presets: ["env"]
      }
    }]
  }
};