打包vue项目，经常遇到一个问题，就是开发环境，测试环境，正式环境三种环境的域名是不一样的，打包时只能手动修改，还担心漏改了哪个位置。真心累~有环境变量就不用怕啦，只要设置好，能轻松输出对应的环境要用的包。 通过判断process.env.APP_ENV的取值就可以啦。例如下面…

这是我参与更文挑战的第8天，活动详情查看：更文挑战 一、前言 前端工程化实践 - 项目初始化（一） 前端工程化实践 - 多人开发分支管理、git记录提交规范（二） 完成项目初始化后，首先我们配置下项目

在实际项目开发中，前端 er 常常会面对多个环境的接口：开发环境、测试环境、生产环境，所以项目中网络请求的 baseUrl也需要跟随这些环境来变化。 .env：默认。 .env.local：本地覆盖。除 test 之外的所有环境都加载此文件。 .env.development,…

本文则是在此基础上对现有的微前端解决方案进行对比总结，废话少说，让我们开始今天的课题。 众所周知，iframe是html提供的标签，能加载其他web应用的内容，并且它能兼容所有的浏览器，因此，你可以用它来加载任何你想要加载的web应用。 iframe最大的特性就是提供了浏览器原…

近日接手了一个项目，格式混乱不堪，因为要多人开发，想配置下校验规则和自动格式化。 项目是用 create-react-app 创建的项目。 插件的作用就是辅助开发工具VSCode，否则就只能通过命令行去运行ESLint进行校验，通过命令行运行Prettier进行格式化。 ESL…

本文详细描述了前端项目（不管是vue还是react）如何自动部署到github上，对项目中的分支如何自动合并，减少人工操作。一起来探索Github Actions更多有趣的应用吧！

一个复杂的应用都是由简单的应用发展而来的, 随着越来越多的功能加入项目, 代码就会变得越来越难以控制. 本文章主要探讨在大型项目中如何对组件进行组织, 让项目具备可维护性. 1. 组件设计的基本原则 2. 基本技巧 3. 组件的分类 4. 目录划分 5. 模块 6. 拆分 7.…

本文章内容为平时开发自己常用常看的一些工具、库、框架、优秀的博客技术网站。都是自己使用过的，大部分都还在维护，不常维护的在这里就不搬上来的。内容多，慢慢细品。 sass 专业级 CSS扩展语言。 lesscss - 动态样式表语言。 tailwindcss 实用程序优先的CSS…