vue造轮子如何包发布到npm!

如何把自己写的包发布到npm上

参考地址:https://github.com/yuanxin666/sir-zujian.git
包中的组件要基于全局的组件封装,在此不介绍了。

首先,要创建项目,封装vue的插件用webpack-simple很合适,vue init webpack-simple 项目名,使用 vue init webpack-simple 命令是因为相比vue init webpack 更加轻量,更适合小型应用

对webpack.config进行配置,filename等等,参照下图,然后执行build命令

 entry: './src/components/index.js',
  output: {
    path: path.resolve(__dirname, './dist'),
    publicPath: '/dist/',
    filename: 'sir.js',  //打包生成文件的名字
    library:'AreaSelect',   //reqire引入的名字
    libraryTarget:'umd',
    umdNamedDefine:true
  },

这时候会看到,dist目录下有sir.js,需要配置pack.json

  "license": "MIT",
  "private": false,
  "main": "dist/sir.js",
  "repository": {
    "type": "git",
    "url": "https://github.com/yuanxin666/sir-zujian.git"
  },

执行命令 npm login,进行登陆npm账号!
最后执行 npm publish命令,将代码发布上去!

坑,当执行npm publish命令时候,有时会报403,说邮件没用认证,这时候登陆邮箱,点下确定就OK了

cnpm i sirpackages --save命令就可以引入了,同时登陆npm,搜索sirpackages也会看到我们的发布的包!
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_37339364/article/details/83004798