前端工程化
22篇文章 · 0订阅
  • 搭建适用于公司内部的脚手架
    前言 公司项目多了，且后续会增加更多项目，为了避免每次创建项目都是重复的copy，这里可以自己写一个适合公司的脚手架，就跟 vue-cli， create-react-app 类似。 简单描述下原理：
    前端 JavaScript Node.js
    搭建适用于公司内部的脚手架
  • 使用rollup打包前端工具库并配置github自动构建和发布npm
    文章介绍了如何入门使用rollup打包前端常用的工具函数，并发布到npm上，以及如何配置GitHub的Action在push代码时自动构建和发布npm
    前端
    使用rollup打包前端工具库并配置github自动构建和发布npm
  • 从零到一建立属于自己的前端组件库
    超越站内九成建设组件库的文章，真正从零到一实现企业级前端组建库建设，历时一周总结完善，项目技术栈 vite3、vitepress、vitest、vue3、tsx
    前端 前端框架
    从零到一建立属于自己的前端组件库
  • 从零搭建属于你自己的前端规范+自动化部署
    哈喽大家好，我是Jiaynn~ 今天想要分享的是关于前端项目规范以及部署上线的整体流程，主要包含： 🌈 eslint、prettier 📦 husky 🛡 git-cz ⚙️ 基于 nginx 部署的
    前端 CI/CD
    从零搭建属于你自己的前端规范+自动化部署
  • 前端工程化：保姆级教学 Jenkins 部署前端项目
    Jenkins是开源CI&CD软件领导者， 提供超过1000个插件来支持构建、部署、自动化， 满足任何项目的需要。
    前端 架构
    前端工程化：保姆级教学 Jenkins 部署前端项目
  • 前端Vuer，请给你的项目加上 ESLint
    ESLint 是什么 ESLint 是一个插件式的 JavaScript / JSX 代码检查工具，用于检测和修复 JavaScript 代码中的问题，目标是让代码更一致并避免错误。 在 Vue 项目
    前端 Vue.js ESLint
    前端Vuer，请给你的项目加上 ESLint
  • WS 中 vite 的自动格式化代码规范
    WebStorm中使用vite构建vue3项目时自动格式化代码规范（ESLint + Prettier）
    ESLint WebStorm
    WS 中 vite 的自动格式化代码规范
  • 前端微组件实践
    # 背景 我们有多个平台需要用到一些公共的业务组件，比如说消息中心，用户反馈等等。如果在多个平台全部开发一遍，或者是ctrl c+v，显示是很不适合后续的维护的。因此希望有一套方案，能够做到一次开发，
    前端 JavaScript Vue.js
    前端微组件实践
  • 前端性能优化——包体积压缩82%、打包速度提升65%
    压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，笔者结合工作中的实践总结，梳理出一些常规且有效的性能优化建议
    前端 性能优化 Vue.js
    前端性能优化——包体积压缩82%、打包速度提升65%
  • 《大前端进阶 Node.js》系列 脚手架/CI入门（上）
    随着前端工程化的发展，越来越多企业选择脚手架来从零到一搭建自己的项目。 其中大家最熟悉的就是 create-react-app 和 vue-cli，它们可以帮助我们”搭建-运行-构建“项目。 但是真正企业中，其实是需要我们自己去订制一套符合公司的脚手架，跟公司一些基础服务打通，…
    Node.js