npm发布

vue init webpack-simple flower

修改 weppack.config.js 部分配置

"license": "MIT",
"private": false,
"license": "MIT",
"main": "dist/flower-toast.js",
"repository": {
  "type": "git",
  "url": "https://github.com/daminga/flower"
},

module.exports = {

 // entry: './src/main.js',  // 项目入口 我们通过npm run dev 就是从这里进去的 我们通过run build 打包编译也是
  // 因为我们要打包的插件在lib里面 所以稍稍改一下
   entry: './src/lib/index.js', // 注释掉原有的
  output: {
    path: path.resolve(__dirname, './dist'), 
    publicPath: '/dist/',
   // filename: 'build.js' // 打包后输出的文件名
    filename: ' flower .js' // 我们可不想打包后叫build.js 多low啊 起一个与项目相对应的
    library: 'PayKeyboard', // library指定的就是你使用require时的模块名，这里便是require("PayKeyboard")
    libraryTarget: 'umd', //libraryTarget会生成不同umd的代码,可以只是commonjs标准的，也可以是指amd标准的，也可以只是通过script标签引入的。
    umdNamedDefine: true // 会对 UMD 的构建过程中的 AMD 模块进行命名。否则就使用匿名的 define。

  },

private:false, // 默认是true 私人的 需要改为false 不然发不上去 
"license": "MIT", // 许可证
 "main": "dist/vue-pay-keyboard.js", // 这个超级重要 决定了你 import xxx from “vue-pay-keyboard” 它默认就会去找 dist下的vue-pay-keyboard 文件
  "repository": {
    "type": "git",
    "url": "https://github.com/yucccc/vue-pay-keyboard"
  }, // 配置这个地址存放你项目在github上的位置 也尤为重要

修改 .gitignore 去掉忽略dist

注册好npm后 添加用户

npm adduser 
Username: your name
Password: your password
Email: yourmail

npm whoami // 看一看你是谁

npm login // 登陆 
npm publish // 发布

import toast from "./toast.vue"
var flowerToast = {};
flowerToast.install = function (Vue, options) {
  Vue.component(toast.name, toast)
  if (typeof window !== 'undefined' && window.Vue) { window.Vue.use(flowerToast); }

}
export default flowerToast

toast.name为export default的name