@vue/cli-plugin-babel
babel plugin for vue-cli
Configuration
Uses Babel 7 + babel-loader
+ @vue/babel-preset-app by
default, but can be configured via babel.config.js
to use
any other Babel presets or plugins.
By default, babel-loader
excludes files inside
node_modules
dependencies. If you wish to explicitly
transpile a dependency module, you will need to add it to the
transpileDependencies
option in
vue.config.js
:
.exports = {
moduletranspileDependencies: [
// can be string or regex
'my-dep',
/other-dep/
] }
Caching
cache-loader
is enabled by default and cache is stored in
<projectRoot>/node_modules/.cache/babel-loader
.
Parallelization
thread-loader
is enabled by default when the machine has more than 1 CPU cores. This
can be turned off by setting parallel: false
in
vue.config.js
.
Installing in an Already Created Project
vue add babel
Injected webpack-chain Rules
config.rule('js')
config.rule('js').use('babel-loader')
config.rule('js').use('cache-loader')