创建vue组建发布在npm上

如何把自己的组件发布在npm上面去?
最近研究把自己编写的组件发布在npm上面去,目的是为了方便自己使用.
借鉴:https://www.cnblogs.com/yalong/p/10388384.html
注:本文仅用于自己笔记,也希望能帮助有需要的朋友.

• 第一步:创建一个简单的项目(vue init webpack-simple my-project)
  切记别用vue init webpack my-project. 创建项目,我们使用的是组件,不需要很多的配置,简单从简.用也不是不行,自己也做过尝试.
  使用vue init webpack-simple my-project来创建项目
  使用yarn 安装依赖。 yarn. npm i
  启动项目查看 yarn dev. npm run dev
  本人偏向于使用yarn
• 第二部:把自己组件放入
  根据自己的习惯创建组件目录,组件引入子后可以在app.vue中引入做一下测试.
  
  cron目录下存放cron表达式的组件
  根目录下的index.js。 把本组件暴露出去的出口.
  index.js

import Cron from './src/cron/index'
import _Vue from 'vue'

Cron.install = Vue => {
    if (!Vue) {
        window.Vue = Vue = _Vue
    }
    Vue.component(Cron.name, Cron)
}
export default Cron;

packeg.json中配置

webpack.config.js中配置

修改index.html引用路径。 打包出口路径

执行npm run build 打包出来又一个.map文件。,如果想打包出来没有这个.map文件
webpack.config.js中取点devtool配置

• 第三步:发布在npm上去
  登陆npm。
  npm who im i. 查看自己是否已经登陆。
  npm login.
  账号。密码输入,登陆成功
  npm publish. 就在你创建的项目目录下执行该命令,把组件推在npm上面去
  如果想删除你之前添加的组件,你可以删除。npm unpublish 组件名@版本号