私有的npm仓库 cnpm中vue插件开发

1.vue init webpack-simple gic-input

2.npm install

3.cd gic-input

4.在src目录下新建lib目录

5.在lib目录下新建 index.js 和 gic-input.vue（这个就是要发布的组件）

6.在index.js 中

7.webpack.config.js 修改

8.如果不想打包的文件包含.map文件，将sourceMap 改成 false

sourceMap: false

9. gitignore 文件

因为要用dist文件夹，所以在.gitignore文件中把dist/去掉

npm run build 

10. 修改 index.html

将/dist/build.js  改为  /dist/gic-input.js

11. 修改package.json

{

"name": "@test/gic-input",

"description": "A Vue area select plugin",

"version": "1.0.0",

"main": "dist/gic-input.js",

"license": "MIT",

"private": false,

}

12.每次修改后,需要修改package.json版本,发布前都是要先打包 npm run build

"version": "1.0.1"

13.发布到 npm 服务器

在当前目录下，登陆npm

将npm源切换到公司源

 npm config set registry http://*********.com:7001/ or nrm 指令切换

npm login

输入用户名，密码，邮箱

npm publish

即可

在项目中，执行npm install @test/gic-input --save 即可下载该模块（npm 必须是公司源）

14 删除发布

npm unpublish @gic/gic-input