一 背景 在工作时,突然接到经理的一个要求,需要将一个react的高阶组件函数封装成一个npm包。之前从没弄过,当场还是有些懵逼的,但是这毕竟是工作,不能推脱。于是开始了学习、汤坑之旅。最终包发布,线上项目成功使用,虽然导致了一次线上故障,但还是快速地fix掉。吃一堑长一智,记录一下整个发布 ...
前言:工作的时候总是使用别人的npm包,然而我有时心底会好奇自己如何发布一个npm包呢,什么时候自己的包能够被很多人喜欢并使用呢...今天我终于迈出了第一步。 前提:会使用 npm,有 vue 基础,了解一点 webpack Are you ready Go 目录 编写自己的npm包 发布npm包 使用自己的npm包 更新npm包 最终效果 一 编写自己的npm包 . 新建一个空文件夹 . 进入文 ...
2019-04-17 16:59 3 3008 推荐指数:
一 背景 在工作时,突然接到经理的一个要求,需要将一个react的高阶组件函数封装成一个npm包。之前从没弄过,当场还是有些懵逼的,但是这毕竟是工作,不能推脱。于是开始了学习、汤坑之旅。最终包发布,线上项目成功使用,虽然导致了一次线上故障,但还是快速地fix掉。吃一堑长一智,记录一下整个发布 ...
npm发布自己的包 注册npm账号 https://www.npmjs.com/ 初始化项目 npm init 然后根据自己想要发的包进行填写package.json 做好之后登陆npm npm login 登陆需要输入用户名、密码、邮箱 发包 npm ...
亲测好用,如出错,请留言 1.项目初始化 使用vue脚手架创建,但vuecli太重,我们使用简单的工程脚手架进行处理,输入命令 vue init webpack-simple my-project npm install npm run dev 初始化以后看一下 ...
前言: 学习了npm,想要自己动手操作一波,于是想着把常用的js代码功能组装成一个对象发布到npm上,以后有用的时候,通过npm安装下来直接使用,这样子就不用重发造轮子了。于是我想了想,发现自己做网站常用的代码功能有表单验证,所以决定把表单验证的JS代码封装成一个对象,然后发布到npm ...
我们在写前端代码时会用很多组件使用前我们使用npm下载组件包 例如使用饿了么组件: 我们自己写的小组件想要复用也可以将自己的组件发一个包 打开cmp,cd到我们写的组件的文件夹 我的文档前提是我们已经有自己的私服 第一步登录自己的私服: 输入 ...
一.可以简单使用https://www.npmjs.com/package/create-component-lib这个npm进行发布 该包的具体的实现方式https://hackernoon.com ...
前几天组长与我谈心说到要想好自己的兴趣与发展方向,对于自己的兴趣点有自己驱动自己学习。也给我建议的几个方向,比如自己去写工具,插件,或者性能优化等等。针对自己的兴趣点,和最近自己在学习node部分,故自己学习了下,如何实现一个npm包,以后可以install自己写的包了。哈哈!在此记录下操作流程 ...
vue 组件发布为 npm 包,分为如下三个步骤 [1] 创建 package 文件,里边包含了你要发布包的一些信息(name/version 等) [2] 发布 vue 包需要用到 webpack 打包/ es6 语法/vue 文件所以需要配置一下 webpack [3] 注册 ...