npm上传vue公共组件

1,269 阅读1分钟

初始化项目

vue init webpack-simple my-test

npm install

npm dev

项目结构

test.vue是我的组件内容

配置修改

1、在src下新建index.js作为入口文件

2、修改package.json文件

name属性值不可与npm库中已存在的相同,否则在上传时会报错
version属性值不可与之前上传的版本相同,每次上传的版本都应该是不同的
license是开源协议
jsnext:main是ES6模块化入口

3、修改webpack.config.js

上传到npm

1、npm run build

2、npm login

3、npm publish

上传的报错可能

1、name的值在npm库中已存在(不是说和自己库中的不一样就行)

2、version版本号在发布时和上一次发布的版本号一致导致报错