工程化
5篇文章 · 0订阅
  • 一键格式化代码带来的快感 | 你还在为每个项目配置Stylelint和Eslint吗
    大部分前端项目都配置Stylelint、Eslint、Tslint和Prettier四大前端代码校验工具。代码校验工具以下简称Lint，为了解决代码不严谨，通过预设规则校验代码，检测其是否存在错误/漏洞，并对错误/漏洞提示修复方案并尽可能依据修复方案格式化出正确代码。该功能称为…
    CSS JavaScript
    一键格式化代码带来的快感 | 你还在为每个项目配置Stylelint和Eslint吗
  • 如何快速为团队打造自己的组件库（上）—— Element 源码架构
    详细讲解了 ElementUI 的源码架构，为下一步基于 ElementUI 打造团队自己的组件库打好坚实的基础
    JavaScript 前端 架构
    如何快速为团队打造自己的组件库（上）—— Element 源码架构
  • Vue CLI 2&3 下的项目优化实践 —— CDN + Gzip + Prerender
    和很多小伙伴一样，我在开发Vue项目时也是基于官方vue-cli@2的webpack模版，但随着项目越做越大，依赖的第三方npm包越来越多，构建之后的文件也会越来越大，尤其是vendor.js,甚至会达到2M左右。再加上又是单页应用，这就会导致在网速较慢或者服务器带宽有限的情况…
    Vue.js 前端 SEO
    Vue CLI 2&3 下的项目优化实践 —— CDN + Gzip + Prerender
  • 写给前端的 Jenkins 教程——10分钟实现前端/ Node.js 项目的 CI/CD
    众所周知，我们在开发的过程中，写代码其实只占很小的一部分，更多的时间其实是在设计代码、构建和部署。 代码的设计非常考验代码功底，本人才疏学浅，就不讲解这个部分了。 构建和部署通常来讲没那么复杂，但是却十分繁琐，尤其是手动的方式进行构建部署。重复操作多，流程长，非常消耗耐心和精力…
    CI/CD
  • 手把手带你入门前端工程化——超详细教程
    部分小节提供了非常详细的实战教程，让大家动手实践。 另外我还写了一个前端工程化 demo 放在 github 上。这个 demo 包含了 js、css、git 验证，其中 js、css 验证需要安装 VSCode，具体教程在下文中会有提及。 对于前端来说，技术选型挺简单的。就是…
    前端 JavaScript 前端工程化