npm构建公共组件库

1、npm init -w 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'