Ecmascript 6 es6的网页包路径问题

我有一个这样的结构，但在尝试运行webpack时出错

    /app
      /main.js
      /foo.js
    /dist
    index.html ( uses <script src="dist/bundle.js"></script>)
    webpackconfig.js

foo.js：

export class foo {
  constructor() {
    loadScript("//www.parsecdn.com/js/parse-1.4.0.min.js", init());
  }
}

webpackconfig.js

我的配置：

module.exports = {
  context: __dirname + "/app",
  entry: "./main.js",
  output: {
    path: __dirname + "/dist",
    filename: "bundle.js"
  },
  devtool: "#source-map",
  module: {
    loaders: [
      // Transpile any JavaScript file:
      { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader'}
    ]
  },
  resolve: {
    // you can now require('file') instead of require('file.js')
    extensions: ['', '.js', '.json']
  }
}

但我得到了这个错误：

ERROR in ./main.js
Module not found: Error: Cannot resolve module 'foo'

---

这是因为

webpack

尝试从

node\u模块

目录加载

foo

。 必须按如下方式指定模块的路径：

import foo from './foo'

---

foo.js:export类foo{etc}export默认类foo；）仍然是get Uncaught错误：找不到模块“foo”，我已经在上面的图表中添加了索引，这是加载bundle.js的内容。也许我可以通过电子邮件向您发送我的简单项目？

import foo from './foo'