前端工程化
24篇文章 · 0订阅
  • 在项目中用ts封装axios，一次封装整个团队受益😁
    这篇文章封装的axios已经满足如下功能： 无处不在的代码提示； 灵活的拦截器； 可以创建多个实例，灵活根据项目进行调整； 每个实例，或者说每个接口都可以灵活配置请求头、超时时间等。
    axios TypeScript
    在项目中用ts封装axios，一次封装整个团队受益😁
  • 二十张图片彻底讲明白Webpack设计理念，以看懂为目的
    Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。
    前端 架构 JavaScript
    二十张图片彻底讲明白Webpack设计理念，以看懂为目的
  • 【移动端适配】postcss插件postcss-px2vp
    可以动态传参，有类型提示的px转viewport的postcss插件介绍，移动端适配的利器（应该是）。
    前端
    【移动端适配】postcss插件postcss-px2vp
  • 大厂都在用的代码规范与代码检测工作流
    一般来说，团队协作中最让人抓狂的就是代码规范，同时这也是最容易妥协的地方。所以好的代码规范能让团队减少很多无谓的“争吵”和时间的浪费。 下面介绍一下，大厂都在用的代码规范与代码检测工作流。
    前端 代码规范 ESLint
    大厂都在用的代码规范与代码检测工作流
  • 尤雨溪推荐神器 ni ，能替代 npm/yarn/pnpm ？简单好用！源码揭秘！
    1. 学会 ni 使用和理解其原理 2. 学会调试学习源码 3. 可以在日常工作中也使用 ni 4. 等等
    前端 Vue.js JavaScript
  • 使用process.env.NODE_ENV的正确姿势
    process.env.NODE_ENV应该是我们最熟悉的环境变量了，它经常出现在使用框架或者类库的时候，被用来区分不同的环境（开发，测试，生产等）
    Node.js Webpack
    使用process.env.NODE_ENV的正确姿势
  • 从 16 个方向逐步搭建基于 vue3 的前端架构
    从零带领大家搭建基于 vue3 + vite2 + typescript 的开发环境，逐渐带领大家搭建一套属于你自己的脚手架，制定一套合理的解决方案，为项目打下良好的基础，与同伴形成合适的开发习惯。
    前端 Vue.js 架构
    从 16 个方向逐步搭建基于 vue3 的前端架构
  • 前端工程化及自动化构建流程
    这是我参与8月更文挑战的第5天，活动详情查看：8月更文挑战。在开发个人小项目中，我们经常直接将写完的代码直接丢到服务器上跑就完事，但在团队开发中，上面的这种快捷暴力的做法是不正确的。
    前端
    前端工程化及自动化构建流程
  • 从 0 构建自己的脚手架/CLI知识体系（万字） 🛠
    1、脚手架的简单雏形；2、脚手架工具体系；3、手写自己的脚手架；4、yeoman 的使用；5、plop 的使用
    前端 后端
    从 0 构建自己的脚手架/CLI知识体系（万字） 🛠
  • 微信小程序的持续集成实践CICD&Jenkins
    经过调研，目前有2种方式，一种是命令行工具和HTTP的方式，另一种是2020年微信发布的miniprogram-ci工具。miniprogram-ci 从 1.0.28 开始支持第三方平台开发的上传和预览，也就是说1.0.28版本之后，就可以通过脚本来上传和预览小程序了。 然后…
    微信小程序