babel plugin for vue-cli

Usage no npm install needed!

<script type="module">
  import aisinoCliPluginBabel from 'https://cdn.skypack.dev/@aisino/cli-plugin-babel';



babel plugin for vue-cli


Uses Babel 7 + babel-loader + @fromage/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:

module.exports = {
  transpileDependencies: [
    // can be string or regex


cache-loader is enabled by default and cache is stored in <projectRoot>/node_modules/.cache/babel-loader.


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')