cmp-package

vue-npm-package

打包命令

npm run lib

打包完成后，会生成以下文件

dist/demo.html
dist/组件库名字.common.js
dist/组件库名字.common.js.map
dist/组件库名字.css
dist/组件库名字.umd.js
dist/组件库名字.umd.js.map
dist/组件库名字.umd.min.js
dist/组件库名字.umd.min.js.map

手动按需引入组件

上传package中未压缩的原组件到npm
请把根目录下.gitignore文件过滤器中的 package/ 删除，
package文件夹将在npm publish中上传

package/

上传至npm命令

npm publish

上传npm时，上传的文件有

dist/组件库名字.common.js
dist/组件库名字.css
dist/组件库名字.umd.js
dist/组件库名字.umd.min.js
package.json
README.md

配置文件

package.json

"name":"组件库名字",
"main": "dist/组件库名字.common.js"
"scripts": {
    "lib": "vue-cli-service build --target lib --name 组件库名字 -dest lib package/组件库的index文件.js",
}

vue.config.js

文件中的配置已加上注释

Customize configuration

See Configuration Reference.