Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js 网页包:为什么vue加载程序不可传输?_Vue.js_Webpack_Vue Loader - Fatal编程技术网

Vue.js 网页包:为什么vue加载程序不可传输?

Vue.js 网页包:为什么vue加载程序不可传输?,vue.js,webpack,vue-loader,Vue.js,Webpack,Vue Loader,我正在使用vue loader V14和Webpack 3.12。vue loader文档中说javascript将使用babel loader自动传输,但当我查看输出时,仍然会看到ES6,例如: data() { return { current: '' }; }, 以下是网页包配置的(相关部分): resolve: { alias: { 'vue$': 'vue/dist/vue.esm.js' } }, module: {

我正在使用vue loader V14和Webpack 3.12。vue loader文档中说javascript将使用babel loader自动传输,但当我查看输出时,仍然会看到ES6,例如:

data() {
    return {
        current: ''
    };
},
以下是网页包配置的(相关部分):

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加载程序规则尝试的另一个配置:

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

我必须在
.babelrc

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

根据操作说明,vue loader V14没有插件AFAIK。您可能正在阅读vue loader较新版本的文档。对于V14,您的配置将不起作用,您需要在vue loader的js文件选项中显式列出babel loader。是如何在V15中更改的。@Decademon,我尝试过(根据上面的更新)。仍然没有乐趣。它需要是
{options:{loaders:{js:'babel loader'}}}
@decademon,是的,我找到并修复了它。(现已在上述代码中更新)。还是没有快乐。这是绝对令人难以置信的,它可以这么难!