写点什么

vite

0 人感兴趣 · 50 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/7f/7f2ba2106aae5b7b3963b42464586139.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

m7s Console 架构解析

Console相对m7s独立运行,方便部署在公网或者内网中,也方便管理多个m7s实例。并且实现多租户机制,方便多个用户管理自己的m7s。

一文详解新一代高效前端构建工具 VITE- 达观数据

Vite 是一个快速、简单且高效的前端构建工具,它的出现为前端开发者带来了新的构建体验。在本文中,我们将探讨 Vite 的技术原理、优点和使用方法。

https://static001.geekbang.org/infoq/27/27ef114526bb1ab35fecedd258bb6259.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

最佳实践:基于 vite3 的 monorepo 前端工程搭建 | 京东云技术团队

monorepo可以将多个应用(可以按业务线产品粒度划分)在同一个repo管理,便于统一管理代码规范、共享工作流,也解决跨项目/应用之间物理层面的代码复用,不用通过发布/安装npm包解决共享问题

https://static001.geekbang.org/infoq/f2/f248cf3e155b97b9d3656cfce57324a2.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

构建系列之前端脚手架 vite

本系列旨在总结现如今大前端的构建体系及覆盖各流程节点的工具链相关知识。

https://static001.geekbang.org/infoq/f8/f877ee6fed5be2b30adf473bde551da6.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

hometown-h5-template 一个开箱即用的前端 H5 解决方案 🎉

hh5t 基于Vue3+TS+Pinia+Vite+UnoCSS等技术栈。是一个干净、开箱即用的前端H5解决方案。 提供完善的前端H5开发环境,为专注业务实现与开发,提高开发效率而生,也可用于学习参考

https://static001.geekbang.org/infoq/53/5356630bfaa0199b308d351ef02533b2.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

拥抱下一代前端工具链 -Vue 老项目迁移 Vite 探索

随着项目的不断维护,代码越来越多,项目越来越大,决定将老项目迁移至vite。本文介绍了Vue老项目像Vite迁移的过程、遇到的问题以及经验总结。

十分钟用 vitepress 搭建项目文档

前些天,写了一篇技术文章,可惜掘金给的流量不多,点赞的人不多,评论的人几乎没有,收藏的人却不少,我想可能是万字长文,于是花了3天时间用`vitepress`搭建了一个项目文档,方便大家查阅。

https://static001.geekbang.org/infoq/55/551e3a9f2f83377352aec1ff27d46a66.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

读 2022 年 JavaScript 趋势报告

《JavaScript 2022趋势调查报告》发布了。收集了 39,472 份调查报告,几乎是去年的两倍,涵盖了浏览器、开发者对 JavaScript 特性、代码库、技术、工具、资源等的内容。下面来一起看看这份报告,并加深对 JavaScript 的认识,在新的一年里提升一个档次。

https://static001.geekbang.org/infoq/83/838cfcd22cb8b931706184157793c5ad.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

LogicFlow 自定义业务节点

🎄Hi~ 大家好,我是小鑫同学,一位长期从事前端开发的编程爱好者,我将使用更为实用的案例输出更多的编程知识,同时我信奉分享是成长的唯一捷径,在这里也希望我的每一篇文章都能成为你技术落地的参考~

https://static001.geekbang.org/infoq/6d/6dda084c92a24b1b8054cf3be496b123.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

LogicFlow 安装与准备工作

🎄Hi~ 大家好,我是小鑫同学,一位长期从事前端开发的编程爱好者,我将使用更为实用的案例输出更多的编程知识,同时我信奉分享是成长的唯一捷径,在这里也希望我的每一篇文章都能成为你技术落地的参考~

https://static001.geekbang.org/infoq/3f/3f9807d19a18be867df98a8b07a46aa7.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

前端食堂技术周刊第 57 期:Turbopack、Next.js13、Chrome107、Vite3.2、图解 TLS 1.3

用户头像
童欧巴
2022-11-01

- Turbopack - Next.js 13 - Chrome 107 - Vite 3.2 - Babel v7.20.0 - 图解 TLS 1.3 连接 - 全网最佳暗黑模式鉴赏 - 组件画廊 - 命令行的艺术 - WebAPI 检查

https://static001.geekbang.org/infoq/dc/dc96ea6dfd9037f8385c8c327f54e5ee.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

搞一搞明白 Vitepress 的文档渲染基础

用户头像
小鑫同学
2022-10-17

大家好,我是小鑫同学。一位从事过Android开发、混合开发,现在长期从事前端开发的编程爱好者,我觉得在编程之路上最重要的是知识的分享,所谓三人行必有我师。所以我开始在社区持续输出我所了解到、学习到、工作中遇到的各种编程知识,欢迎有想法、有同感的

https://static001.geekbang.org/infoq/9e/9e7e77391bc511fb410de9e11d741f56.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vite 构建的 Vue3 项目打包部署到 Gitee —— 全网最详细系列

最近利用 Vite 构建 Vue3 写了一个简单的 ToDoList,想要部署到 Gitee,并开启 Gitee Pages 服务时出现页面空白的问题,参考了很多博客,尝试了很多办法都没有解决,此刻记录下我的解决办法,希望能帮到跟我有同样问题的人。

https://static001.geekbang.org/infoq/31/3107c72f987897b5138b1a47fa76de66.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

vite 3.0 都发布了,经常初始化 vite 项目,却不知 create-vite 原理?揭秘!

用户头像
若川
2022-09-12

今天这篇文章就来带领大家一起学习 create-vite 原理,源码400行不到。

https://static001.geekbang.org/infoq/25/25a2ea1718df4f71f663381517e94f67.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

lodash 在 vue3+vite 中按需加载

用户头像
木叶🐱
2022-09-06

通过插件在打包时对lodash方法实现按需加载但此方法需要下载较多插件

https://static001.geekbang.org/infoq/7c/7c2bc72cac8d6a27c5ea3dd8f45225e6.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

如何开发一款基于 vite+vue3 的在线表格系统(下)

在上篇内容中我们为大家分享了详细介绍Vue3和Vite的相关内容。在本篇中我们将从项目实战出发带大家了解Vite+Vue3 的在线表格系统的构建。使用Vite初始化Vue3项目在这里需要注意:根据官网文档说明,使用Vite需要node版本在12以上,请在创建项目前检查node版本

https://static001.geekbang.org/infoq/9e/9ec7d01fcf1addff904bf3b43007288b.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

如何开发一款基于 Vite+Vue3 的在线表格系统(上)

今天,葡萄带你了解如何基于Vite+Vue3实现一套纯前端在线表格系统。在正式开始项目介绍之前,首先咱们首先来介绍一下Vite和Vue3。

https://static001.geekbang.org/infoq/55/552c76730f123a17c31cbca63f22f241.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

如何开发一款基于 Vite+Vue3 的在线 Excel 表格系统(上)

今天,葡萄带你了解如何基于Vite+Vue3实现一套纯前端在线表格系统。在正式开始项目介绍之前,首先咱们首先来介绍一下Vite和Vue3。

https://static001.geekbang.org/infoq/b7/b7646c31da447ffef533f95ad5bd7620.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

前端食堂技术周刊第 45 期:Vite3.0、第 91 次 TC39 会议、Figma 背后的 CSS、B 站事故复盘、图片优化工具

用户头像
童欧巴
2022-07-26

- Vite 3.0 - Deno v1.24 - 图片优化工具 - Figma 背后的 CSS - B 站事故复盘 - 第 91 次 TC39 会议 - 软件工程师精选论文列表

web 前端培训从 Vue CLI 怎样迁移到 Vite

用户头像
@零度
2022-07-14

​我们还可以删除sass-loader,因为Vite内置支持常见的预处理器。我们也可以继续使用自己选择的CSS预处理器。但请注意,Vite建议将原生CSS变量与PostCSS插件一起使用,编写简单、符合未来标准的CSS_前端培训。

新朝旧将 vite 和 webpack 煮酒论英雄

我们见证了 webpack、Rollup 和 Parcel 等工具的变迁,它们极大地改善了前端开发者的开发体验。

https://static001.geekbang.org/infoq/77/7705d3b14f2608a5b5f26038fc7e98e2.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

基于 Vite+React 构建在线 Excel

Vite是随着Vue3一起发布的一款新型前端构建工具,能够显著的提升前端开发体验,它主要由两部分组成:

vue2 升级 vue3:webpack vue-loader 打包配置

用户头像
zhoulujun
2022-06-21

虽然vite 很香,但是vite rollup 动态加载,多页面 等问题比较难搞。webpack vue3需要升级的npm 包有:vue-loader vue-template-compiler "

如何在 Vue 项目中,通过点击 DOM 自动定位 VSCode 中的代码行?

本文主要讲解了通过点击页面元素自动定位vscode代码行的实现原理,以及在vue项目中的具体接入方案。

https://static001.geekbang.org/infoq/1c/1c41f1c2b71423a0061b38f6ee3acd1d.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vite 与 Vue Cli 对比 - 尤雨溪: Vite 会取代 vue-cli 吗?

用户头像
蒋川
2022-05-20

尤雨溪在发布 Vite 之后写了一条推,感觉不会在用 webpack 了(Vue-cli 基于 Webpack 开发,并配置了 Webpack 打包规则),Sean 是 Webpack 核心开发者,会一些中文,在尤大这条下面直接感叹。

web 前端培训项目的 Vite 迁移实践分析

用户头像
@零度
2022-05-07

​以 Webpack 为代表的主流前端 bundler 之所以慢,根源在于它们冷启动时必须递归打包出整个项目的依赖树,并受限于 JavaScript 的天性(解释执行与单线程模型)而存在吞吐量上的瓶颈_前端培训。

https://static001.geekbang.org/infoq/70/7023cd70f8324aabc996dda7dc897891.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

轻量迅捷时代,Vite 与 Webpack 谁赢谁输

你知道Vite和Webpack吗?也许有不少"程序猿"对它们十分熟悉。

web 前端培训 Vite 的原理源码解析

用户头像
@零度
2022-05-05

​近些年前端工程化发展迅速,各种构建工具层出不穷,目前Webpack仍然占据统治地位,npm 每周下载量达到两千多万次。下面是我按 npm 发版时间线列出的开发者比较熟知的一些构建工具_前端培训。

https://static001.geekbang.org/infoq/a9/a9ae1e9129afdc3576bee18bc2d28d50.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

一文入门 rollup!13 组 demo 带你轻松驾驭

用户头像
摸鱼的春哥
2022-02-27

2022年,rollup是非常值得学习的构建工具。但是官方文档关于插件的介绍实在过于简略,春哥带你搞定!

https://static001.geekbang.org/infoq/a8/a84a78f2e569a75eb708d75ee1c59260.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

2021 年 6 个 GitHub 推荐前端项目

用户头像
devpoint
2022-01-17

2021年已成过去,2022年已来,对于中国人来说,春节过后才算是新的一年开始。在这个2022年的第一个月里面,来总结一些跟技术相关的报告,本文就来总结2021年6个GitHub上的推荐前端项目,基于GitHub上的 star 数量,从这个趋势可以看出前端开发的一些发展趋势

vite_vite技术文章_InfoQ写作社区