意外的令牌导入 whit babel答案

【问题标题】：unexpected token import whit babel意外的令牌导入 whit babel
【发布时间】：2017-05-08 06:42:11
【问题描述】：

我猜我的 webpack 不知何故没有使用 babel 作为加载器进行转换，我得到了异常，

我安装了 babel-core，babel-presets-es2015，babel-loader 我配置了一个 .babelrc 文件，预设为 es2015

我运行 webpack.server 并且一切顺利然后我尝试运行 build\server 它显示了这个异常添加了我的 webpack 配置和依赖项谢谢你

var path = require("path");
function createConfig(isDebug) {
    return {
        target: "node",
        devtool: "source-map",
        entry: "./src/server/server.js",
        output:{
            path: path.join(__dirname, "build"),
            filename: "server.js"
        },
        resolve: {
            alias: {
                shared: path.join(__dirname, "src", "shared")
            }
        },
        module:{
            loaders: [
                {test: /\.js$/, loader: "babel-loader", exclude: /node_modules/ },
                {test: /\.js$/, loader: "eslint-loader", exclude: /node_modules/     }
            ]
        }
    };
}
module.exports = createConfig(true);
module.exports.create = createConfig;

and this is the dependencies

<code>
{
  "name": "3d-web-client",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel-core": "^6.21.0",
    "babel-loader": "^6.2.10",
    "babel-preset-es2015": "^6.18.0",
    "eslint": "^3.12.2",`enter code here`
    "eslint-loader": "^1.6.1",
    "webpack": "^1.14.0"
  }
}
</code>

【问题讨论】：

请将您的代码以文本形式发布。代码图像不被视为代码，它是图像。
请发布您的代码
添加了代码tnx

标签： node.js webpack babeljs

【解决方案1】：

您可能需要将`query:{presets:["es2015"]}` 添加到配置

...
module:{
  loaders: [{
      test: /\.js$/,
      loader: "babel-loader", 
      exclude: /node_modules/, 
      query:{
        presets:["es2015"]
      } 
    },
    {
      test: /\.js$/,
      loader: "eslint-loader", 
      exclude: /node_modules/     
    }
  ]
}
...

祝你好运。

【讨论】：

您可能需要将query:{presets:["es2015"]} 添加到配置

您可能需要将`query:{presets:["es2015"]}` 添加到配置