1、构建工具
1、 Parcel
https://parceljs.org/
Parcel是一款极速零配置WEB应用打包工具，快速、几乎零配置是它最大的特点，开箱即用。相比webpack，Parcel针对新手来讲未尝不是一个很好的选取。
2、 Critters
github.com/GoogleChrom…
一款webpack的插件，它能够很方便的配置内联重要css( critical CSS ),其余的css部分则会异步加载，因为它不运用没头浏览器(headless browser)呈现内容，因此呢快速轻巧。=
3、sucrase
sucrase.io/倘若你用typscript构建React项目，sucrase将是一个不错的选着，它的编译速度将是Babel的20倍。sucrase——一款ES6+编译器，重点关注非标准语言，例如Typescript，JSX和Flow。
4、Webpack Config Tool
webpack.jakoblind.no/
一款可视化的在线工具网站，你只必须选取前端项目运用到技术和关联配置，就能一键帮你生成webpack.config.js，省去你不少的麻烦。
5、JSUI
github.com/kitze/JSUI
JSUI 是一个可视化归类、构建和管理 JavaScript 项目的工具。不管是前端应用还是后端应用，亦不论运用的是哪种框架，只要项目有一个 package.json ，就可进行管理。
6、PWA Universal Builder
pwa.cafe/
一款脚手架构建工具，方便创建基于Preact，React，Vue和Svelte的项目，开箱及支持Babel，Bublé，Browserlist，TypeScript，PostCSS，ESLint，Prettier和Service Workers！
7、VuePress
vuepress.vuejs.org/
VuePress 由两部分构成：第1部分是一个极简静态网站生成器，它包括由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题，它的诞生初衷是为了支持 Vue 及其子项目的文档需求。
每一个由 VuePress 生成的页面都带有预渲染好的 HTML，亦因此呢拥有非常好的加载性能和搜索引擎优化（seo）。同期，一旦页面被加载，Vue 将接管这些静态内容，并将其转换成一个完整的单页应用（SPA），其他的页面则会仅在用户浏览到的时候才按需加载。
2、框架和库
8、 PWA Starter Kit
pwa-starter-kit.polymer-project.org/
经过功能丰富的WEB组件快速帮你构建功能齐全的PWA网站项目，几乎零配置，完成为了构建、测试和快速安排。
9、PaperCSS
www.getpapercss.com/
一个不太常规的CSS框架，倘若你期盼你的网站有手绘风格感觉，选取它准没错。
十、boardgame.io
boardgame.io/
http://BOARDGAME.IO是 Google 开源的一个游戏框架，旨在准许游戏作者将游戏规则从本质上转化为一系列简单的函数，这些函数用于描述当一个指定动作出现时游戏的状态变化，框架负责处理表述性状态传递。 没需再手动编写任何网络或后端代码。 功能特性： 状态管理：自动跨浏览器、服务器和存储器没缝管理游戏状态；快速成型：在渲染游戏之前调试界面以模拟更改。多人游戏：所有连接到同一游戏的浏览器都实时同步，没需刷新。私密状态：私密信息可从客户端隐匿。日志：游戏日志可查看任意时间的信息。UI 工具包：常用于游戏中的 React 组件。11、Stimulus
stimulusjs.org
Stimulus是一个适度的前端框架，它并不试图接管全部前端的方方面面，不关心怎样渲染HTML，相反用来加强HTML的关联行径。倘若你的团队规模较小，但又想要和哪些运用比较费力的主流方法的很强团队竞争，那样这是一个比较适合的前端框架
| 
发表于 2024-6-29 14:11:42