发布 react 组件到 npm 上

我发布了我的第一个 npm 组件,一个基于 react 的 3d 标签云组件。在这途中我也是遇到了很多的坑,花在完善整个发布流程的时间远多于写这个组件本身的时间,所以我记录下我觉得一个正常的 react 组件的发布流程 最后记录这篇文章花的时间比我完成整个组件的时间都多,最终希望能给新手带来帮助 在整个发布组件的过程我做了如下几件事儿: 开发组件 编写 Readme 推送到 github,并且把 demo 放到 github page 上 发布组件到 npm 上 开发组件 创建项目文件夹并初始化 npm package ,确保你创建的组件名称没有在 npm 上被使用过, 这里我们用 react-demo 作为示例 mkdir react-demo cd react-demo npm init npm init 是生成初始的 package.json 的命令,在 npm init 的时候,你可以根据你自己的需要进行填写你的组件信息。或者直接使用 npm init -y 采用默认的,后面自己再去修改。 首先安装 react 相关的包: npm i react react-dom -D 采用 babel 编译相关的依赖: npm i @babel/cli @babel/core @babel/preset-env @babel/preset-react -D 采用 webpack 做构建,webpack-dev-server 作为本地开发服务器,所以需要安装如下依赖:...

January 28, 2019 · 5 min · 952 words · 桃翁

前端桃园周刊第四期

一句话知识 npm v packageName versions npm v packageName versions 查看包的所有版本,不加s 获取新版本。用途,安装了包但是 package.json 里面没有包,需要手动填入的时候。 typeof null 为什么返回 “object”? 不同的对象在底层都表示为二进制,在 JavaScript 中二进制前三位都为 0 的话会被判 断为 object 类型,null 的二进制表示是全 0,自然前三位也是 0,所以执行 typeof 时会返回“object”。 in 和 hasOwnProperty 区别 in 操作符会检查属性是否在对象及其 [[Prototype]] 原型链中。相比之下, hasOwnProperty(..) 只会检查属性是否在 myObject 对象中,不会检查 [[Prototype]] 链。 for in 和 for of 的区别 for in 用于对象的遍历,会遍历原型上可以枚举的属性 for of 用于遍历可迭代的对象,比如数组,因为数组里面是有迭代器的,凡是有迭代器的对象都可以用 for of 来遍历 对 constructor 的误解 对象的 constructor 实际上不是对象创建的时候有的,而是通过委托到 prototype 上找的。 function Foo() { /* ....

1 min · 151 words · 桃翁