在babel.config.js旁边还添加了一个vue.config.js,我意识到代码不再被转译到ES5,可能是因为一旦有了vue.config,babel.config.js将被完全忽略。 .js(?)
在使用给定的预设进行构建同时又具有其他配置的vue.config.js时,如何保持babel编译代码?
babel.config.js
module.exports = {
presets: [['@vue/app', { useBuiltIns: 'entry', corejs: 'core-js@2' }]],
}
vue.config.js
const TerserPlugin = require('terser-webpack-plugin')
module.exports = {
configureWebpack: config => {
if (process.env.NODE_ENV === 'production') {
config.optimization.minimizer = [
new TerserPlugin({
terserOptions: {
// needed for vuex-typex to work in production:
keep_fnames: true,
},
}),
]
}
},
css: {
loaderOptions: {
sass: {
data: `@import "./src/core/style/core/_variables.scss";`,
},
},
},
runtimeCompiler: true,
}