封装vue组件及发布npm

组件说明

一个可以自动滚动的列表，支持配置滚动时间、停留时间、滚动条数、鼠标悬停等

插件组件化

1. 初始化组件
   vue官方文档有关于插件的介绍，可以见到了解开发及使用 vue文档指路

项目目录：修改插件入口文件index.js
这个时候我们已经可以在本地测试下组件是否可以正常使用了。

2. 修改webpack.config文件
   
   首先是入口文件的修改 entry 路径改为插件的入口文件index.js；
   library指定的就是你使用require时的模块名，这里便是require(“PayKeyboard”)；
   libraryTarget会生成不同umd的代码,可以只是commonjs标准的，也可以是指amd标准的，也可以只是通过script标签引入的；
   然后npm run build 打包插件。
3. 修改package.json文件
   
   private改为false，默认为true；加 license许可；
   Main：决定了import 时默认去找的dist下的文件；

可以上传到npm包了 ○( ＾皿＾)っ

使用NPM下载和发布代码时都会接触到版本号。NPM使用语义版本号来管理代码，这里简单介绍一下。
语义版本号分为X.Y.Z三位，分别代表主版本号、次版本号和补丁版本号。当代码变更时，版本号按以下原则更新：
如果只是修复bug，需要更新Z位。
如果是新增了功能，但是向下兼容，需要更新Y位。
如果有大变动，向下不兼容，需要更新X位。

4. 需改readme文件
5. 发布步骤

 npm adduser / npm login //注册或登录
 npm publish // 发布

遇到的问题

1. Webpack配置文件的入口文件不对，导致打包的并不是插件，而是整个项目；
2. webapck配置的library字段没有设置，不能引入组件；
3. package.json的main属性并没有设置，找不到npm包的入口文件；

以上内容参考此文