我是靠谱客的博主 淡然灰狼,最近开发中收集的这篇文章主要介绍手把手教你开发一个vue组件打包并发布到npm包,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

手把手教你开发一个vue组件打包并发布到npm包
在项目开发中,你一定经常通过npm install安装使用各种各样的npn包插件。那你是否想过自己实现一个npm包呢,本篇文章手把手教你实现自己的npm包。
其他文章有介绍不使用vue init一个项目的方法来发布自己的npm包。弊端是 1.无法确认安装什么样的依赖,只能直接复制使用别人的。2.无法测试,发布成功后只能在另一个项目中安装后看到和测试组件的bug,不断地发布和安装组件修改bug非常麻烦。因此推荐使用vue init webpack-simple初始化一个vue项目来实现。

  1. 第一步:使用 vue init webpack-simple your-project 初始化项目

提示: 不要用 vue init webpack your-project 初始化项目,因为我们就开发个组件,不需要那么多配置,配置多了修改起来也麻烦,webpack-simple足够了。

初始完项目,按照提示输入项目信息即可,然后 npm install , npm run dev 让项目跑起来

最后

以上就是淡然灰狼为你收集整理的手把手教你开发一个vue组件打包并发布到npm包的全部内容,希望文章能够帮你解决手把手教你开发一个vue组件打包并发布到npm包所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(77)

评论列表共有 0 条评论

立即
投稿
返回
顶部