Webpack:为什么vue-loader不能翻译？

Question

我使用的是vue-loader V14和Webpack 3.12。在vue-loader文档中说javascript将使用babel-loader自动转换，但当我查看输出时，我仍然看到ES6，例如：

data() {
    return {
        current: ''
    };
},

以下是webpack配置的(相关部分)：

resolve: {
    alias: {
      'vue$': 'vue/dist/vue.esm.js'
    }
},
module: {
    rules : [
        {
            test: /\.js$/,
            use: {
                loader: 'babel-loader',
                options: {
                    presets: ['env']
                }
            }
        },
        {
            test: /\.vue$/,
            use: 'vue-loader'
        }
    ]
}

我已经尝试将vue$别名设置为指向vue.common.js版本。

我做错了什么？

更新:这是我为vue-loader规则尝试的另一个配置：

{
    test: /\.vue$/, 
    loader: "vue-loader",
    options: {
        loaders: { js: 'babel-loader' }
    }
}

Answer 1

我必须在.babelrc中设置此预置

"presets": [
    ["env", { "modules": "commonjs" }]
],