Vue.js 网页包:为什么vue加载程序不可传输?
我正在使用vue loader V14和Webpack 3.12。vue loader文档中说javascript将使用babel loader自动传输,但当我查看输出时,仍然会看到ES6,例如: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: {
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,是的,我找到并修复了它。(现已在上述代码中更新)。还是没有快乐。这是绝对令人难以置信的,它可以这么难!