# 前言

本章节的内容为搭建一个库,该库的功能是 UI 组件的集成。类似 Element Plus (opens new window)Vuetify (opens new window)iView(View UI) (opens new window)Ant Design Vue (opens new window)。那么该库可以给用户通过 CDNNPM 方式引入,并且可以按需加载,同时还要兼容不同的浏览器。

通过上方描述,我们可以总结以下:

要求

  1. CDNNPM 引用。
  2. 整体、按需加载。
  3. 根据不同浏览器厂商来兼容 JavaScriptCSS

语言

  1. TypeScript (opens new window)
  2. Sass (opens new window)
  3. Vue3 (opens new window)
  4. JSX (opens new window)

提示

以上均为可选,这和构建库的概念和流程并不冲突。

工具

  1. Webpack (opens new window)
  2. Gulp (opens new window)
  3. Babel (opens new window)
  4. Postcss (opens new window)

提前告知

以上为后续使用的主要工具,最好对以上工具有初步的了解。

源码

本章节的代码将存放 gitee (opens new window)github (opens new window) 中,会与后续章节持续同步。建议 先根据文章内容和自己的理解去手动 一遍代码。