vite

谈一谈前端构建工具的本地代理配置（Webpack与Vite）在Web前端开发中，我们在本地写代码经常遇到的一件事情就是代理配置。代理配置说简单也简单，配置一次基本就一劳永逸，但有时候配置不对，无论如何也连不上后端，就成了非常头疼的一件事。在这本文中，我们讨论一下前端构建工具提供的代理配置。

柠檬豆腐脑

前端构建工具的发展和现状：Webpack、Vite和其他谈到前端构建工具，我们能想到常用的webpack、vite。不妨多想一步，它们是如何发展和壮大的呢？未来又是怎样的走向？

vite5.x配置https旧版的vite直接在config里面配置https：true即可，新版的麻烦一些。需要安装openssl

【bug修复系列】package.json中“type”: “module”的作用，解决明明是ES module却报是CommonJS的问题在vite中，可以使用vite-plugin-static-copy工具将文件拷贝到指定的dist目录。

Vue Amazing UI 组件库（Vue3+TypeScript+Vite 等最新技术栈开发）一个 Vue 3 组件库使用 TypeScript，都是单文件组件 (SFC)，支持 tree shaking

vite项目集成i18n，实现语言包懒加载【原创】很多时候前端项目需要实现国际化，刚开始语言数量不多、项目规模不大时，可能不怎么会考虑性能优化，直接一把梭全部import进来。但是随着项目的迭代，越来越多的语言需要支持，词库体积也越来越大，这个时候就不得不考虑优化加载性能了。

VUE3+VITE简单的跨域代理配置出于安全考虑，未设置前端白名单，前端开发时，需要配置代理。在本地创建一个虚拟服务器，发送请求数据，同时接受请求的数据，利用服务器与服务器间，交互，不会有跨域问题，也是完全只靠前端自己独立解决跨域的方式

随便起的名字也被占用

封装一个自己的JS或TS库，并发布到npm上使用vite封装js库基础环境：Nodejs: 20.13.0Npm: 10.5.2（1）创建vite项目

goview——vue3+vite——数据大屏配置系统低代码数据大屏配置系统：数据来源是可以动态api配置的：配置上面的api接口后，在数据过滤中进行数据格式的转化。

‌Vite和Webpack区别及优劣势‌Vite和Webpack在构建速度、开发模式、配置复杂度、插件生态和编译方式等方面存在显著差异。‌构建速度 Vite采用按需编译策略，仅编译浏览器请求的模块，而Webpack在启动时需要全量编译，这使得Vite在启动速度上通常比Webpack快10到100倍。Vite基于esbuild，利用Go语言的高效性，进一步提升了构建速度。‌

在 Vue3 项目中实现计时器组件的使用（Vite+Vue3+Node+npm+Element-plus，附测试代码）记录时间 [2024-12-26]本文讲述如何在 Vue3 项目中使用计时器组件。具体包括开发环境的配置，Vite+Vue 项目的创建，Element Plus 插件的使用，以及计时器组件的创建和使用。

vivo互联网技术

主打一个“小巧灵动”：Vite + Svelte作者：来自 vivo 互联网大前端团队- Wei Xing在研发小型项目时，传统的 Vue、React 显得太“笨重”。本文主要针对开发小型项目的场景，谈谈 Vite+Svelte 是如何让项目变得“小巧灵动”，并横向对比 Svelte 和 Vue 的性能表现，对二者的加载流程做详细分析。

Vite系列课程 | 11. Vite 配置文件中 CSS 配置（Modules 模块化篇）由于课程讲的是 vite2 版本，所以我阅读了 vite6 中的文档，下面将结合 css.modules 的接口进行讲解

学前端的小朱

Echarts实现大屏可视化该项目涉及到的图表有：该项目主要展示的是使用Echarts制作的大屏可视化，所用到的技术有：vue3、vite、echarts、pinia、sass、websocket、vue-router

Vite 系列课程|1课程道路，2什么是构建工具Webpack 长期以来一直是前端构建工具的事实标准，拥有庞大的用户群体、成熟的生态系统和丰富的学习资源。然而，随着前端技术的快速发展，Webpack 的一些局限性逐渐显现。Vite 正是为了解决这些痛点而生，它采用了更加现代化的构建思路，极大地提升了开发体验。虽然 Webpack 仍然占据着很大的市场份额，但 Vite 凭借其卓越的性能和简洁的配置，正迅速获得开发者的青睐，并被越来越多的知名公司采用。可以预见，Vite 将在未来的前端开发中扮演越来越重要的角色。

三天不学习

Vue3+Vite 环境变量和模式配置详解在Vue 3中，你可以通过 import.meta.env 访问环境变量。这些变量可以在你的应用代码中使用，但它们通常用于配置不应该硬编码在代码中的值。

潜心专研的小张同学

解决 Vite 项目启动时端口重复问题的总结在前端开发的江湖上，Vite 就像一个轻盈迅捷的剑客，以“快”和“爽”闻名。默认栖身于本地 3000 端口，简直是开发者的“专属包间”。但江湖人多，难免遇到这种情况：你刚起剑练招，发现隔壁的同门师兄已经占了你的包间。于是，你只能抱着代码，哼哼唧唧换个地方继续修炼——这种“被端口抢占”的故事，简直就是开发者的日常笑话！

pinia和pinia-plugin-persistedstate的配置和用法在 vue3 项目经常使用状态管理器来存储用户信息、token、路由信息等数据，vite 项目中使用比较多的一般是 pinia 存储库。