babel-loader没有起作用？webpack

Question

webpack2中使用babel-loader转化es6代码，但是最后的bundle.js中并没有看到预期的结果，还是存在es6的语法，let，函数参数默认值等情况。。

以下是我的webpack的配置部分：

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']
});

查来查去也查不到原因。。。??

---

现在发现js文件中的es6语法都能被转译，但是.vue中的不行。。

Answer 1

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

{
    "presets": ["env"]
}

顺便说下如果是vue文件中的js只能通过.babelrc文件来配置

Answer 2

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