1. 创建一个vue项目

全局安装vue-cli：

npm install -g @vue/cli

2. 发布npm包----前言

1. 如何发布自己的npm包（超详细步骤，博主都在用）
   能实现打包，但不是我想要的效果。只是新建一个plugins文件夹，用来放组件。

2. vue封装自定义组件，打包发布到npm上使用

3. Vue.js - 构建你的第一个包并在NPM上发布

4. 使用vue在npm上发布自己的ui组件包

3. 实现element-ui的按需引入，按需打包加载

（1）参考文章

1. 实现element-ui的按需引入，按需打包加载，作者李媛元 有用
2. 手把手教你搭建npm私有仓库及发布高质量的npm包

简单说明原理：

使用 babel-plugin-component 实现按需引入、打包。
将webpack配置成多入口，保证最终打包的目录结构符合babel-plugin-component插件的要求，实现按需加载

在对vue进行扩展，使用vue.use(…)时，vue内部会调用插件的install方法。
当引入组件时，在main.js使用vue.use(…)进行注册，即将所有的功能组件进行全局注册。

4. 发布npm包

5. 使用自己的npm包

6. 更新npm包

1.修改完代码后，我们需要修改 package.json 的version版本

    规则：对于"version":"x.y.z"
          1.修复bug,小改动，增加z
          2.增加了新特性，但仍能向后兼容，增加y
          3.有很大的改动，无法向后兼容,增加x

2. 修改后 运行 npm run build, npm publish 就成功更新了包的版本

3. 使用时需要

卸载之前安装的包 npm uninstall 包名

重新安装 npm install 包名

查看到版本已是最新的版本 npm list 包名
　

7. 注意事项

Element-ui官网