Babel-Loader funktioniert nicht? Webpack

Question

Babel-Loader wird zum Konvertieren von ES6-Code in Webpack2 verwendet, aber die erwarteten Ergebnisse werden im endgültigen Bundle.js nicht angezeigt. Es gibt immer noch ES6-Syntax-, Let- und Standardfunktionsparameterwerte. .

Das Folgende ist der Konfigurationsteil meines Webpacks:

var path = require("path");
var vuxLoader = require('vux-loader');
var webpack = require('webpack');

function resolve (dir) {
  return path.join(__dirname, '..', dir)
}

var webpackConfig = {
    entry: {
        // app: ["./app/cart.js"]
        app: ["./app/goodsDetail.js"]
        // app: ["./app/center.js"]
    },
      output: {
        path: path.resolve(__dirname, "build"),
        publicPath: "/",
        filename: "bundle.js"
     },
     module: {
        rules: [
            {
                test: /\.vue$/,
                loader: 'vue-loader',
                options: {
                      // vue-loader options
                   }
              },
              {
              test: /\.js?$/,
              // exclude: /node_modules/,
              exclude: /node_modules/,
              loader: 'babel',
              query: {
                      presets: ['env']
                }
            }
        ]
    },
      resolve: {
        extensions: ['.js', '.vue', '.json']
    },
    devServer: {
        host: '0.0.0.0'
    },
    plugins: [
        new webpack.DefinePlugin({
          'process.env': {
            NODE_ENV: '"production"'
          }
        })
      ]
};

module.exports = vuxLoader.merge(webpackConfig,{
    plugins: ['vux-ui']
});

Ich habe gesucht und gesucht, konnte aber den Grund nicht finden. . .

Answer 1

请在项目根目录新建一个
.babelrc

{
    "presets": ["env"]
}

Answer 2

babel: {
        presets: ['es2015', 'stage-2']
    }
    加上这部分试试