babywhale

摘要： 使用 Nuxt 的过程中，发现在 generate 生成的 dist 文件夹下会有一个名为 .nojekyll 的空白文件，它是干什么用的呢？ Github Pages 默认是基于 Jekyll 构建，Jekyll 是一个将纯文本转换为静态网站的工具，它构建的网站下各种目录都是特定的以下划线开头命名 阅读全文

摘要： 2020年6月19日，NuxtJS 发布 v2.13.0 2020年7月28日，NuxtJS 发布 v2.14.0 要开发 SEO 的静态网站，又想享受框架开发的舒适，于是选择 Nuxt，可用来生成静态站总还是有些蹩脚，比如默认不支持动态路由等。 这两个次版本的发布，终于让 Nuxt 开发静态网站方 阅读全文

摘要： 在项目开发，尤其是合作开发中，需要一套标准化的代码提交发布流程，来保证代码质量和应用的稳定。 持续集成，是指在代码的快速迭代时，每次提交都能及时地、自动地集成进整个应用，以便及时发现错误、便于改正。 相关的概念还有持续交付、持续部署。 简单的流程如下： 提交前 本地 lint 测试 实现工具： hu 阅读全文

摘要： ##package.json 名称 name 就是包名，这个组件库 name: "xmh-ui" 版本 version npm 的版本控制标准 —— 语义化版本 版本格式：主版本号.次版本号.修订号，版本号递增规则如下： 主版本号：当你做了不兼容的 API 修改， 次版本号：当你做了向下兼容的功能性 阅读全文

摘要： AMD CMD CommonJs UMD ES6 一路演进 ##AMD 异步模块定义规范（Asynchronous Module Definition），人如其名，是异步加载的 是运行于浏览器之上的 此规范只有一个 API，即 define 函数：define(id?, dependencies?, 阅读全文

摘要： 支持按需加载需要满足： 组件库以 es6 模块化方式导出 package.json 中 sideEffects:false 宿主项目中引用方式写法到位或引入 babel-plugin-import 宿主项目通过 webpack 打包支持 tree-shacking 好了，对于组件库项目，关键就是 以 阅读全文

摘要： docz 用于把 md 文件自动构建成文档网站，基于 mdx (markdowm + jsx)，可以在 markdown 中引入 react 组件，并且支持热更新，可以边写文档边调试。 官方效果图长这样： 下面就记录一下怎样把 docz 加入碗中。 安装配置 docz npm install doc 阅读全文

摘要： WhatWeb是一款网站指纹识别工具，主要针对的问题是：“这个网站使用的什么技术？”WhatWeb可以告诉你网站搭建使用的程序，包括何种CMS系统、什么博客系统、Javascript库、web服务器、内嵌设备等。WhatWeb有超过900个插件，并且可以识别版本号、email地址、账号、web框架、 阅读全文

摘要： 以 react + ts 的组件库项目为例，记录 jest 安装配置及测试的过程。 #一、安装配置 ###安装 jest npm install jest -D ###生成配置文件 npx jest --init 按照引导进行选择后，会创建配置文件 jest.config.js，并在 package 阅读全文

摘要： ESLint 用于发现代码错误，统一代码风格。 Prettier 专门用来美化格式、统一代码风格，在这个方面比 ESLint 更强大。 它们真的很香 本文记录一下我给一个项目添加 ESLint + Prettier 的过程，以及遇到的问题和注意的点。 项目是 ts + react 开发的组件库，样式 阅读全文