npm workspaces构建公共组件库

1、通过npm自动构建

　　1、npm init -w packages 创建公共包目录packages

　　　　“packages” 也可为文件夹路径，会自动创建文件夹

　　　　创建完成后，会生成 packages 文件夹，同时生成package.json 文件，

　　　　可修改配置文件中的 name 避免同名冲突 如： "name": "@myorg/components", 

　　　　并且会在最外层package.json中创建 workspace 数组，刚刚通过 npm init -w 创建的公共库文件夹名包含在其中

{
  "name": "public_components",
  ......
  ......      
  "workspaces": [
    "packages"
  ]
}

　　2、创建公共组件

　　　　此时可以在 packages 文件夹下创建组件

　　3、将公共包加载进主项目中

　　 　　yarn workspace @myorg/ui-components add vue 或  npm install vue -w @myorg/ui-components 

　　4、引用公共库中的组件

　　　　 import Test from '@myorg/ui-components/test.vue'