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 組件庫大小。