扩展包使用情况更新于 2021 年 8 月 16 日
| 包名 | 用途 | 生产 | 版本选择 |
|---|---|---|---|
| @ant-design/icons | Ant Design 图标库 | ✔️ | 与 antd 版本保持一致 |
| antd | UI 框架 | ✔️ | 4.x 是最新版,4.0.0 起已经取消对 IE < 11 的支持 |
| cookie | 用于解析与序列化 Cookie 字符串 | ✔️ | 0.x 是最新版本 |
| dayjs | 轻量级的是时间库 | ✔️ | 1.x 是最新版,>=1.5.21 起内置 typescript 声明文件 |
| is-mobile | 根据用户代理字符串检查是否为移动浏览器 | ✔️ | 3.x 是最新版本 |
| pluralize | 用于将英语单词进行复数和单数化 | ✔️ | 8.x 是最新版本 |
| qs | 用于解析与序列化查询字符串 | ✔️ | 6.x 是最新版本 |
| react | React 核心库,用于构建用户界面 | ✔️ | 16.9.0 起开始支持 快速刷新 |
| react-dom | 为 React 应用提供 DOM 方法 | ✔️ | 16.9.0 起开始支持 快速刷新 |
| react-intl | 国际化 React 应用 | ✔️ | 5.x 是最新版,4.0.0 起 FormattedHTMLMessage & intl.formatHTMLMessage 已删除,因为 FormattedMessage 现在完全支持嵌入式 HTML 标签 |
| react-router-dom | React 路由组件库 | ✔️ | 5.x 是最新版,5.1.0 为了与声明文件保持一致 |
| serve-static | HTTP 中间件,用于静态文件服务 | ✔️ | 服务端渲染 1.x 是最新版本 |
| @babel/cli | babel 命令行工具 | ❌ | 与 babel 核心库保持一致 |
| @babel/core | babel 核心库 | ❌ | 7.x 是最新版,7.4.0 起支持 core-js@3,7.12.0 起是支持 typescript@4 |
| @babel/plugin-transform-runtime | babel 插件,可以重用 Babel 注入的辅助代码以节省代码大小 | ❌ | 与 babel 核心库保持一致 |
| @babel/preset-env | babel 的环境预设 | ❌ | 与 babel 核心库保持一致 |
| @babel/preset-react | babel 的 react 预设 | ❌ | 与 babel 核心库保持一致 |
| @babel/preset-typescript | babel 的 typescript 预设 | ❌ | 与 babel 核心库保持一致 |
| @babel/register | babel 插件,用于 webpack 配置文件及模块编译,例如让 mock 文件支持 typescript | ❌ | 与 babel 核心库保持一致 |
| @types/cookie | cookie 包的 typescript 声明文件 | ❌ | 与库保持一致 |
| @types/css-minimizer-webpack-plugin | css-minimizer-webpack-plugin 包的 typescript 声明文件 | ❌ | 与库保持一致 |
| @types/jest | jest 包的 typescript 声明文件 | ❌ | 与库保持一致 |
| @types/mini-css-extract-plugin | mini-css-extract-plugin 包的 typescript 声明文件 | ❌ | 与库保持一致 |
| @types/node | node.js 的 typescript 声明文件 | ❌ | 与库保持一致 |
| @types/pluralize | pluralize 的 typescript 声明文件 | ❌ | 与库保持一致 |
| @types/qs | qs 包的 typescript 声明文件 | ❌ | 与库保持一致 |
| @types/react | react 包的 typescript 声明文件 | ❌ | 与包版本保持一致 |
| @types/react-dom | react-dom 包的 typescript 声明文件 | ❌ | 与包版本保持一致 |
| @types/react-router-dom | react-router-dom 包的 typescript 声明文件 | ❌ | 与包版本保持一致 |
| @types/serve-static | serve-static 包的 typescript 声明文件 | ❌ | 与包版本保持一致 |
| @types/terser-webpack-plugin | terser-webpack-plugin 包的 typescript 声明文件 | ❌ | 与包版本保持一致 |
| @types/webpack-dev-server | webpack-dev-server 包的 typescript 声明文件 | ❌ | 与包版本保持一致 |
| @typescript-eslint/eslint-plugin | eslint 插件,用于规范 typescript 代码 | ❌ | 4.x 是最新版本 |
| @typescript-eslint/parser | eslint 解析器,用于将 typescript 代码解析成 ESTree | ❌ | 4.x 是最新版本 |
| antd-dayjs-webpack-plugin | 用于将 antd 的 moment 库替换成 dayjs |
❌ | 1.x 是最新版本 |
| babel-jest | jest 代码转换插件,用于编译 Javascript 文件 | ❌ | 与 jest 版本保持一致 |
| babel-loader | webpack loader,用于编译 javascript 文件 | ❌ | 8.x 是最新版,8.0.0 起支持 babel7 |
| babel-plugin-import | babel 插件,用于 antd 的按需导入 | ❌ | 1.x 是最新版,1.9.0 起支持 babel7 |
| babel-plugin-module-resolver | babel 插件,模块解析器。相当于 webpack 配置中的 resolve | ❌ | 4.x 是最新版 |
| babel-plugin-preprocessor | babel 插件,用于解析预编译指令 | ❌ | 0.x 是最新版,0.0.4 起支持嵌套条件 |
| clean-webpack-plugin | webpack 插件,用于在构建之前删除旧的构建文件 | ❌ | 3.x 是最新版 |
| css-loader | webpack loader 用于解释 @import 和 url() 语法 | ❌ | 6.x 是最新版 |
| css-minimizer-webpack-plugin | webpack 插件,用于压缩 css 文件 | ❌ | 3.x 是最新版 |
| error-overlay-webpack-plugin | webpack 插件,用于在浏览器上显示运行时错误信息 | ❌ | 0.x 是最新版 |
| eslint | Javascript 代码审查工具 | ❌ | 7.x 是最新版 |
| eslint-config-airbnb | eslint 社区配置,由 爱彼迎 提供 | ❌ | 18.x 是最新版 |
| eslint-config-prettier | eslint 配置,用于解决 prettier 和 eslint 之间的冲突 | ❌ | 8.x 是最新版 |
| eslint-plugin-compat | eslint 插件,用于检查 Javascript 代码的浏览器兼容性 | ❌ | 2.x 是最新版,eslint-config-airbnb 同伴依赖 |
| eslint-plugin-import | eslint 插件,用于规范 ES6 模块的导入和导出 | ❌ | 2.x 是最新版,eslint-config-airbnb 同伴依赖 |
| eslint-plugin-jest | eslint 插件,用于服务 Jest | ❌ | 24.x 是最新版,eslint-config-airbnb 同伴依赖 |
| eslint-plugin-jsx-a11y | eslint 插件,用于规范 JSX 元素上的可访问性规则 | ❌ | 6.x 是最新版,eslint-config-airbnb 同伴依赖 |
| eslint-plugin-react | eslint 插件,用于规范 React 代码 | ❌ | 7.x 是最新版,eslint-config-airbnb 同伴依赖 |
| eslint-plugin-react-hooks | eslint 插件,用于规范 React hooks 代码 | ❌ | 4.x 是最新版,eslint-config-airbnb 同伴依赖 |
| html-webpack-plugin | webpack 插件,用于创建 HTML 文件 | ❌ | 5.x 是最新版 |
| husky | Git hooks 工具箱 lint-staged 依赖它 | ❌ | 7.x 是最新版 |
| jest | Javascript 代码测试框架 | ❌ | 27.x 是最新版本 |
| less | CSS 预处理语言 | ❌ | less-loader 4.1.0 起支持 less >= v3.0.0 |
| less-loader | webpack loader 编译 less 到 css |
❌ | 10.x 是最新版,5.0.0 起已经取消对 < webpack4.x 和 < node 6 的支持 |
| lint-staged | 对暂存到 git 的文件运行 linter | ❌ | 11.x 是最新版 |
| mini-css-extract-plugin | webpack 插件用于将 CSS 提取到单独的文件中 | ❌ | 2.x 是最新版本 |
| prettier | 固执己见的代码格式化工具 | ❌ | 2.x 是最新版 |
| serve-mock | 用于 mock 服务的 HTTP 中间件 | ❌ | 0.x 是最新版,0.2 起支持路径参数 |
| stylelint | css 代码审查工具 | ❌ | 13.x 是最新版 |
| stylelint-config-prettier | stylelint 配置,用于解决 prettier 和 stylelint 之间的冲突 | ❌ | 8.x 是最新版 |
| stylelint-config-rational-order | stylelint-orde 推荐配置 |
❌ | 0.x 是最新版 |
| stylelint-config-standard | stylelint 推荐配置 |
❌ | 22.x 是最新版 |
| stylelint-no-unsupported-browser-features | stylelint 插件,用于检查 css 代码的浏览器兼容性 |
❌ | 5.x 是最新版 |
| stylelint-order | stylelint 插件,用于约定 css 属性编写的顺序 |
❌ | 4.x 是最新版 |
| stylelint-scss | stylelint 插件,用于约定 css 属性编写的顺序 |
❌ | 3.x 是最新版,3.18.0 起 selector-no-redundant-nesting-selector 修复了对 less 的支持 |
| terser-webpack-plugin | Webpack 插件,用于压缩 Javascript 代码 | ❌ | 5.x 是最新版 |
| typescript | Javascript 超集 | ❌ | 4.x 是最新版,3.5.0 起支持 Omit |
| webpack | 模块打包器 | ❌ | 5.x 是最新版 |
| webpack-cli | webpack 命令行核心库 | ❌ | 4.x 是最新版,webpack >= 4.x 必装的依赖包 |
| webpack-dev-server | webpack 开发服务器 | ❌ | 3.x 是最新版 |