Webpack 2 意外令牌导入答案

【问题标题】：Webpack 2 unexpected token importWebpack 2 意外令牌导入
【发布时间】：2017-05-20 19:44:00
【问题描述】：

这是我的 webpack 2 配置：

const path = require('path')
const webpack = require('webpack');

module.exports = {
        entry: "./js/app.js",
        output: {
            path: path.resolve(__dirname, "dist"),
            publicPath: "/dist/", 
            filename: "bundle.js"
        },
        module: {
        rules: [
          {
            test: /\.js$/,
            exclude: /node_modules/,
            use: [{
              loader: 'babel-loader',
              options: { 
                presets: ['es2015'] 
              }
            }]
          },
        ],
      },
        devServer: {
             headers: { "Access-Control-Allow-Origin": "http://localhost:8000", "Access-Control-Allow-Credentials": "true" }
        }
};

我的 webpack 配置有什么问题吗？我的输出包不会转译成 ES2015。

【问题讨论】：

请发布完整的错误

标签： javascript webpack babeljs webpack-2

【解决方案1】：

这种语法适用于我（也适用于 Webpack 2）：

{
    test:    /\.js$/,
    exclude: /node_modules/,
    loader:  'babel-loader',
    query:   {
        presets: [require('babel-preset-es2015')]
    }
},

仅供参考：ES2015 = ES6 ;) Babel 将 ES6 转换为 ES5（2009 年标准化）。

【讨论】：