一、登录注册
需要注意的是:有个验证邮箱需要点击才能发布(不然会影响后续,导致发布不成功)
二、项目构建
- 初始化
# 整个小js第一次发布
vue init webpack-simple project-name
# 都懂
npm i
- 项目(保留一个第一次试试就可以了)
- 随便弄个验证(这里是做个插件
install
)
export default {
install: function (Vue, options) {
// 邮箱验证
Vue.prototype.$isEmail = (s) => {
return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)
}
}
}
- 修改
webpack
配置
entry: "./src/index.js",
output: {
path: path.resolve(__dirname, "./dist"),
publicPath: "/dist/",
filename: "my-basic-tool.js", // 打包后的文件名
library: "my-basic-tool", // 配置导出库的名称,如使用require引入,这里就是require("vue-basic-tool")
libraryTarget: "umd", // 配置以何种方式导出库
umdNamedDefine: true,
},
- 修改项目描述等
{
"name": "my-basic-tool",
"description": "A Vue.js project",
"version": "1.0.0",
"author": "Program W",
"license": "MIT",
"main": "dist/my-basic-tool.js",//打包后的
"private": false, //是否私有
...
三、发布
# 我们大部分都是taobao镜像,所以直接npm login就不会到npmjs,所以改成下面的
# 现在需要https了
npm login --registry https://registry.npmjs.org
npm publish --registry https://registry.npmjs.org
- 到这就成功了
- 登录后就能看到了
ok,就到这里
\(^o^)/~