创建组件
- 通过 vue-cli 3 来创建一个组件
为什么通过 vue-cli3
- 该脚手架允许构建不同的目标,包括应用,库
修改 src 目录文件如下
- src
- index.js(插件入口)
- fullpage.vue(组件)
修改 package.json 的 script
1 | "scripts": { |
打包生成第三方库
- yarn build:lib
- 根目录下就会出现 dist 文件夹,包含不同版本的 .js 文件,而 v-fullpage.umd.min.js 文件就是给到用户使用的第三方库了
上传 npm
- npm login
- package.json
1 | "name": "v-fullpage", // 包名,上传名字前到npm查看是否有同名 |
- npm publish