出来这么久，听的最多的概念就是前端工程化，好像活在工程化里，又不太明白它是什么。细数前端从一个只会文本标记语言html的切图仔，到后面二代框架jquery，到现在的MVVM数据驱动视图模型，前端基建。

何为脚手架 脚手架做为前端基建的一环，大家熟知的有比如vue-cli, @vue/cli, create-react-app, vite还有其他很多社区的脚手架。通过这些脚手架我们可以很快的生成需要的

前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理念。 我们的目的是什么？优化

何为前端工程化 前端工程化是指将软件工程的原理和方法应用到前端开发中，以提高开发效率、代码质量和可维护性。随着 Web 应用的复杂度不断增加，传统的前端开发方式已经难以满足需求，因此引入了工程化的概念

文/ 天机阁首席炼器宗师 （云海深处，紫袍道人端坐八卦炉前，三十六道灵力锁链连接虚空） "昨日尔等习得Loader采气之术，今日当参Plugin造化之功。须知Loader如单兵剑诀，Plugin乃排兵

前言 本篇是 webpack 进阶，以写文章的形式学习、巩固相关知识，如果有幸让您阅读，十分荣幸。~

前端项目性能优化和开发体验优化是无法避免的一个话题，在之前使用webpack做应用构建的时候，我们有许多手段和插件来做优化。当我们使用vite构建应用时也有许多插件来做优化，本文对vite的优化插件或

本文是脚手架搭建的一个入门，这个脚手架只拥有最简单的功能，而下一篇脚手架的搭建将会是复杂版的，拥有者插件机制，能通过配置插件动态生成项目。

本文是开发工具集系列文章之一，其他请点击这里。 任务构建工具（task-runner）就是一些自动化组织、执行任务的工具，用来执行一些命令或利用插件处理文件，比如压缩、转换、格式化等，比较传统的工具包括gulp,grunt,还有npm自带的npm script。 如果我们选择一…