手把手vue插件开发并发布npm

一张白纸开始：(借鉴)
1.安装vue-cli及初始化yi-clock项目 (查看源码)

npm install -g vue-cli
vue init webpack-simple yi-clock

2./src下创建lib文件夹及clock.vue、index.js
这边的clock.vue写一个自己的组件，index.js写配置

3.修改webpack.config.js的打包名称

output: {
    path:path.resolve(__dirname,'./dist'),

    publicPath:'/dist/',

    filename:'clock.js',

    library:'clock',// library指定的就是你使用require时的模块名，这里便是require("toastPanel")

    libraryTarget:'umd',//libraryTarget会生成不同umd的代码,可以只是commonjs标准的，也可以是指amd标准的，也可以只是通过script标签引入的。

    umdNamedDefine:true // 会对 UMD 的构建过程中的 AMD 模块进行命名。否则就使用匿名的 define。

}

4.修改package.json

"name":"yi-clock",
"private":false,
"main":"dist/clock.js",

5.打包 npm run build
//---------------------------------以上5个步骤已经准备好vue组件了-----------------------------

6.开始发布到npm,先登录npm

npm login
npm publish