vue-template-babel-compiler
Enable Optional Chaining(?.), Nullish Coalescing(??) and many new ES syntax for Vue.js SFC based on Babel.
DEMO
Features
All features of vue-template-compiler && vue-template-es2015-compiler
new ES syntax: Optional Chaining, Bigint, Nullish Coalescing and more
Customization syntax, babel plugin…
Usage
1. Install
npm install vue-template-babel-compiler –save-dev
2. Config
1. Vue-CLI
// vue.config.js
module.exports = {
chainWebpack: config => {
config.module
.rule(‘vue’)
.use(‘vue-loader’)
.tap(options => {
options.compiler = require(‘vue-template-babel-compiler’)
return options
})
}
}
2. Nuxt.js
// nuxt.config.js
export default {
// Build Configuration: https://go.nuxtjs.dev/config-build
build: {
loaders: {
vue: {
compiler: require(‘vue-template-babel-compiler’)
}
},
},
// …
}
Usage Detail Doc
vue-jest Usage
Webpack Usage
Functional Component Usage