Package Exports

@vue/cli-plugin-babel

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@vue/cli-plugin-babel) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@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 .babelrc to use any other Babel presets or plugins.

By default, babel-loader is only applied to files inside src and test directories. If you wish to explicitly transpile a dependency module, you will need to configure webpack in vue.config.js:

module.exports = {
  chainWebpack: config => {
    config
      .rule('js')
        .include
          .add(/module-to-transpile/)
  }
}

Caching

cache-loader is enabled by default and cache is stored in <projectRoot>/node_modules/.cache/cache-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

npm install -D @vue/cli-plugin-babel
vue invoke babel

Injected webpack-chain Rules

config.rule('js')
config.rule('js').use('babel-loader')
config.rule('js').use('cache-loader')
config.rule('js').use('thread-loader')