SyntaxError in webpack.config.js阻止webpack跑步

Question

为了我的生命，我不明白它为什么要犯这个错误。

webpack.config.js：

{
  context: __dirname + "/Content/src",
  entry: "./app",
  output: {
    path: __dirname + "/dist",
    filename: "bundle.js"
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        include: __dirname + "/Content/src",
        loader: "babel",
        query: {
          optional: ["es7.decorators"]
        }
      }
    ]
  }
}

运行webpack时收到的错误消息是

...\webpack.config.js:3
  entry: "./app",
       ^

SyntaxError: Unexpected token :
    at exports.runInThisContext (vm.js:53:16)
    at Module._compile (module.js:414:25)
    at Object.Module._extensions..js (module.js:442:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:311:12)
    at Module.require (module.js:366:17)
    at require (module.js:385:17)
    at module.exports (C:\path\to\webpack\bin\convert-argv.js:80:13)
    at Object.<anonymous> (C:\path\to\webpack\bin\webpack.js:39:40)
    at Module._compile (module.js:435:26)

我试着在一些字段中移动，但是它不断地在冒号上抛出一个SyntaxError。总是头几个领域之一。我已经尝试过直接从命令行运行所有这些，但是我在那里得到了一个不同的错误，我需要弄清楚。这似乎更容易。

我还没有尝试过节点api，但这应该是概念类型的证明，我不想设置gulp来尝试使用webpack api，因为我真的觉得这应该足够了。

我的项目是使用webpack版本1.12.2。

Answer 1

您的webpack.config.js只是一个无效的JavaScript文件。

您尝试使用配置选项创建对象文本，但没有声明要将其赋值的变量，也没有将其作为值导出。

因此，修复应该非常简单：

在打开module.exports =之前添加{，这将从webpack要使用的文件中导出配置对象。