pub-demo
"发布vue插件"
Build Setup
准备工作
默认你已经配置好了node,npm,webpack环境并且可以顺利使用vue-cli创建项目
创建项目
vue init webpack-simple yourProName
cd yourProName
npm i
npm run dev
npm 注册
npm adduser
Username: your name
Password: your password
Email: your email
npm 使用
npm whoami //npm登录账号
npm login //登录
npm publish //发布
npm 发布遇到的问题
- 注册后需要邮件激活
- 包名字 不能太简单 不能与现有的重复或近试
包发布前的修改
- packpage.json
{
"private": false,//这里一定要改为 false
"version":"1.0.0"
"main": "dist/wbg-vue-toast.js",//默认 import 引入插件时,读取的文件
"repository": {
"type": "git",
"url": ""//这里存放github的地址
}
}
- webpack.config.js
entry: './src/lib/index.js',
output: {
path: path.resolve(__dirname, './dist'),
publicPath: '/dist/',
filename: 'toastPanel.js',
library: 'toastPanel', // library指定的就是你使用require时的模块名,这里便是require("toastPanel")
libraryTarget: 'umd', //libraryTarget会生成不同umd的代码,可以只是commonjs标准的,也可以是指amd标准的,也可以只是通过script标签引入的。
umdNamedDefine: true // 会对 UMD 的构建过程中的 AMD 模块进行命名。否则就使用匿名的 define。
},
build for production with minification
npm run build