Webpack路径问题与es6

Question

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

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

在 main.js 文件中：

import foo from './foo'

var foo = new foo()

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'

- SuperUberDuper

Answer 1

这是因为webpack试图从node_modules目录加载foo模块。 你需要像这样指定你的模块路径：

import foo from './foo'

- Pierrickouw

---

foo.js:导出类 foo { 等等 } - SuperUberDuper

导出默认的类foo ;) - Pierrickouw

仍然出现未捕获的错误：找不到模块“foo”，我已经将索引添加到上面的图表中，这是加载bundle.js的内容。 - SuperUberDuper

也许我可以通过电子邮件发送我的简单项目给您？ - SuperUberDuper