0.1.6 • Published 3 years ago
cmp-package v0.1.6
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
文件中的配置已加上注释