使用cdn和npm引入的区别_在npm上发布自己的vue组件库（使用npm install 或者 CDN的方式引用）...

一、npm publish

发布包到npm库的命令是npm publish

npm publish发布包，需要先配置webpack.json文件，如果没有webpack.json文件，可以通过npm init命令初始化一个

package.json的部分字段简介如下

name：发布的包名，默认是上级文件夹名。不得与现在npm中的包名重复。包名不能有大写字母/空格/下滑线!version：你这个包的版本，默认是1.0.0。对于npm包的版本号有着一系列的规则，模块的版本号采用X.Y.Z的格式，具体体现为：1、修复bug，小改动，增加z。2、增加新特性，可向后兼容，增加y3、有很大的改动，无法向下兼容,增加x

description：项目简介

mian：入口文件，默认是index.js

scripts：包含各种脚本执行命令

test：测试命令。

author：自己的账号名

license：开源文件协议private：是否私有

如果要发布的话需要把private字段设为false

发布的包的资源可以通过https://unpkg.com/$name@$version/找到。

比如我发布了一个包，name是zxz-ui，version是1.0.0，那么我就可以在 https://unpkg.com/zxz-ui@1.0.0/ 找到我发布的包里面的资源

我们可以通过创建文件npmignore或者 pkg.files来设置上传时过滤某些文件和文件夹，如果我们不设置的话，有些文件和文件夹也是会默认忽略上传的，比如node_modules文件夹、package-lock.json文件等

二、我们如何通过npm引用组件的

先看一下node.js中的模块调用的规则 https://nodejs.org/api/modules.html#modules_accessing_the_main_module

主要注意以下两部分