babel-plugin-import 配置多个组件按需加载时

module.exports = {
  presets: ["@vue/cli-plugin-babel/preset"],
  plugins: [
    [
      "import",
      { libraryName: "ant-design-vue", libraryDirectory: "es", style: true },
    ],
    [
      "import",
      { libraryName: "win", libraryDirectory: "packages", style: true },
      "win", // 每一项需要设置唯一 name 值，不然报错。按需加载时，全局引入的方式是不生效的
    ],
  ],
};

 

vue target lib 构建组件库时，组件库的包大小跟 组件代码的多少有关。 

dependencies 依赖会影响 dist 构建发布文件的大小，但是不会影响 lib 组件库大小。