插件的开发:
一、使用es6的class开发;
二、使用es7的async await 进行后台交互的异步处理;
三、使用webpack打包成通用的UMD插件
output:{
filename:'bundle.js',
path:path.resolve('dist'),
// filename:'vue-tips.js'
libraryTarget:'umd',//输出规范,amd\cmd\commonjs
library:'MyFetch'//输出,这是模块名
},
四、使用fetch技术进行后台交互的封装
为了支持旧版本浏览器
npm install --save whatwg-fetch es6-promise
在使用fetch的文件中引入
import 'whatwg-fetch'
import 'es6-promise'
五、npm包上传的流程
1.在npm官网注册账号
2.设置上传的仓库,可以是npm仓库,淘宝仓库,公司搭建的仓库
3.cd进入插件的文档内
4.npm login
5.输入用户名按回车
6.输入密码
7.输入邮箱
8.上传前注意:设置package.json文件
(1)包名:name:
(2)入口:main:
(3)版本号:主版本号:次版本号:修订号
(4)版本号只能递增
9.npm publish
六、下载包测试
npm install --save packageName
import packName from ‘packageName’
测试使用是否正常