Babel是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。这意味着，你可以用ES6的方式编写程序，又不用担心现有环境是否支持。下面是一个例子。

Babel的配置文件是.babelrc，存放在项目的根目录下。使用Babel的第一步，就是配置这个文件。该文件用来设置转码规则和插件，基本格式如下。

{
  "presets": [],
  "plugins": []
}

参考：ES6

Babel 别名配置

babel-plugin-module-resolver 包

module.exports = {
  plugins: [
    [
      'module-resolver',
      {
        root: ['./'],
        alias: {
          '^@/(.+)': './src/\\1',
        },
      },
    ],
  ],
};

babel-plugin-import

如果你使用了 babel，那么可以使用 babel-plugin-import 来进行按需加载

babel-plugin-component

按需加载：unplugin-vue-components 和 unplugin-auto-import这两款插件