首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏Mintimate's Blog

    ViteConf 2023结束,现在的Vite发展如何?是时候使用Vite了么?

    图片博客:https://www.mintimate.cnMintimate’s Blog,只为与你分享ViteConf2023,主要讲解了Vite发展、一些开发大牛分享Vite的使用,以及一些框架对 已经2023年了,Vite现在发展怎么样呢?现在是时候切换到Vite么? 当然,很多开发者可能对尤雨溪的“The State of Vite”更感兴趣,本次我们就来介绍一下Vite发展,同时融合看看现在使用Vite怎么样? Vite4.x版本发展首先,根据项目地址最新的公共:Vite Github项目地址: https://github.com/vitejs/viteVite处于4.5版本,同时5.0版本处于准备开发的状态 是否使用ViteViteConf2023 确实展示了 Vite 强大的生态系统和活跃的社区。尤雨溪的 "The State of Vite" 演讲总结了 Vite发展历程,以及下一步的计划。

    2.1K113编辑于 2023-10-10
  • 来自专栏布衣者博客

    LeetCode-题库-刷题(6-7)

    将一个给定字符串 s 根据给定的行数 numRows ,以从上往下、从左到右进行 Z 字形排列。 具体题目链接

    44220发布于 2021-09-07
  • 来自专栏快乐阿超

    vite

    分享一个前端开发与构建工具vite,官网: https://vitejs.cn/ 可以以极快的方式冷启动项目,极快的速度热重载HMR(Hot Module Replacement) 使用方式按照官方文档创建项目即可 https://vitejs.cn/guide/#scaffolding-your-first-vite-project

    44120编辑于 2022-08-21
  • 来自专栏python3

    笨办法学Python - 习题6-7:

    学习目标:了解字符串的定义,学会使用复杂的字符串来建立一系列的变量。学会命名有意义的变量名

    71010发布于 2020-02-10
  • 来自专栏iOS面试

    iOS 面试策略之算法基础6-7

    之前介绍了最简单的搜索法:二分搜索。虽然它的算法复杂度非常低只有 O(logn),但使用起来也有局限:只有在输入是排序的情况下才能使用。这次讲解两个更复杂的搜索算法:

    87330发布于 2021-04-22
  • 来自专栏AI SPPECH

    IO竞赛2025年题目解析:中级难度(6-7

    2025年的中级难度(难度系数6-7)题目综合考察了选手的算法设计、数据结构应用、数学建模和问题分析能力。本文将深入解析2025年中级难度的IO竞赛题目,帮助选手们突破瓶颈,提升解题能力。 难度进阶路径: 入门(1-3) → 基础(4-5) → 中级(6-7) → 高级(8-10) 难度系数 考察重点 核心知识点 学习目标 6-7 高级算法、数据结构综合应用 高级动态规划、图论、数论、几何 8题) ├── 第四章:中级难度题目解题策略 └── 第五章:综合能力提升建议 第一章:2025年IO竞赛中级难度题目概述 根据2025年NOI修订版大纲,中级难度(CSP-S提高)的知识点难度系数为6- 关注前沿:关注算法和数据结构的最新发展,学习新的解题方法和技巧。

    28010编辑于 2025-11-13
  • 来自专栏全栈开发工程师

    Vite基础】003-Vite 中使用 TypeScript

    Vite基础】003-Vite 中使用 TypeScript 一、Vite 天生支持 ts 1、只编译,不校验 在开发环境中,Vite 使用 es build ,es build 本身支持 ts 语法 第四步:结论 vite 支持 ts 语法,只编译,可直接使用,但不校验! build 改为 tsc --noEmit && vite build { "name": "vite-vue3", "private": true, "version": "0.0.0 & vite build { "name": "vite-vue3", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "vue-tsc --noEmit && tsc --noEmit && vite build",

    86620编辑于 2025-01-06
  • 来自专栏技术社区

    Vite简介

    Vite是一个快速、轻量级的前端构建工具,它可以让开发者更高效地进行前端开发。相比于其他构建工具,Vite的特点在于快速的冷启动、模块热替换和按需编译等功能。 下面我们将详细探讨Vite的优势和如何使用它。 什么是Vite Vite是一款基于Rollup的构建工具,主要用于构建Web应用程序和库。 Vite的优势 快速的冷启动 Vite采用了服务端渲染的方式,不需要像其他构建工具那样预先编译打包所有的JS文件。 这意味着,每当您修改代码时,Vite只会重新构建所修改的那部分代码,而不会重新构建整个应用程序。因此,Vite的冷启动非常快,几乎没有任何延迟。 模块热替换 Vite支持模块热替换(HMR),这使得在开发过程中对代码进行调试变得非常方便。当您修改代码时,Vite会自动重新加载该模块,而不是刷新整个页面。

    1.6K20编辑于 2023-06-04
  • 来自专栏与前端沾边

    Vite 学习(四) - vite 插件开发预学习

    vite 插件需要兼容 rollup 和 esbuild 的插件机制,虽然 vite 兼容大部分 rollup 插件,但不是所有钩子都支持,本小节介绍下 vite 中的钩子及插件开发流程。 我们自己开发的 vite 插件命名规则也保持 vite-plugin-xxx 格式。 modulePased 钩子 打包钩子和输出钩子间没有强耦合, output 阶段的钩子不会执行 vite 独有的钩子 config 返回对象,合并到 vite.config.js 中配置中。 normal vite 核心插件执行后,build 执行前执行执行 post vite build 之后,代码构建执行后执行,例如代码打包大小、时间分析工具 // 插件执行是个函数,传参 plugins 中插件钩子和热更新操作做了介绍,和 rollup 开发的不同及注意事项,下一节我们开始实现一个 vite 插件,具体了解每个钩子的使用,如果有问题欢迎留言,谢谢阅读!

    2.5K40编辑于 2022-02-19
  • 来自专栏前端小叙

    vite配置别名

    vite.config.ts import { resolve } from "path"; export default defineConfig({ resolve: {

    1.9K40编辑于 2023-02-10
  • 来自专栏愧怍的技术学习与分享

    Vite使用WebWorker

    准备给我的一个 Vite 项目进行重构,其中一个功能(函数)要花费 JS 主线程大量时间,会导致主线程画面卡死,无法正常点击,直到该功能(函数)执行完毕而言。 综合以上限制,我所要重构的功能面临以下问题 一些 window 下的函数,或者主线程下全局数据函数,无法共同 无法读取本地文件,需要创建网络文件(如 Blob 或 Vite 导入) Worker 线程和主线程通信要使用 所以在考虑使用 Worker 的时候就要考虑这个功能是否值得使用 Worker,能否使用 Worker 实现 Vite 中使用 WebWorker​ 这里先给出我的最优解,在 Vite 中静态资源处理 console.log('test.worker.js', e.data) self.postMessage('hello from worker') }, false, ) 不过 Vite

    2.4K10编辑于 2022-12-27
  • 来自专栏腾讯新闻前端团队

    wp2vite ~ 让webpack项目支持vite

    /tnfe/wp2vite why vite 在浏览器支持 ES 模块之前,JavaScript 并没有提供的原生机制让开发者以模块化的方式进行开发。 github: https://github.com/tnfe/wp2vite npm: https://www.npmjs.com/package/wp2vite 如果有人不知道webpack 和vite 前段时间写过一篇vite解析和尝试的一篇文章 ,在文章最后,舔狗了一下:"vite,真香"。 安装与使用 关于wp2vite的安装,与其他命令行工具安装是一样的: npm install -g wp2vite or yarn global add wp2vite 使用的话,其实是非常简单的,一个特别特别简单的工具 此时开始为项目创建vite所需的配置,包括package.json里面增加vite相关scripts和devDependencies、vite.config.js的创建、HTML的提取和写入等。

    1.4K131发布于 2021-08-18
  • 来自专栏全栈开发工程师

    Vite基础】004-Vite 中处理静态资源

    Vite基础】004-Vite 中处理静态资源 一、types 类型 1、url 路径 概述 获取导入文件的路径。 test); export default defineComponent({ setup() { return () =>

    Hello Vite test); export default defineComponent({ setup() { return () =>
    Hello Vite

    32310编辑于 2025-01-06
  • 来自专栏前端自习课

    Vite】1934- Vite打包性能优化以及填坑

    前言 最近在使用 Vite4.0 构建一个中型前端项目的过程中,遇到了一些坑,也做了一些项目在构建生产环境时的优化,在这里做一个记录,以便后期查阅。 复制代码<head> <%- vuescript %> </head> css 复制代码import { createHtmlPlugin } from 'vite-plugin-html' 图片压缩 bash 复制代码yarn add vite-plugin-imagemin -D or bash 复制代码npm i vite-plugin-imagemin -D js 复制代码import 上述配置在vite4.0版本生效,如需升级,请前往官方迁移文档。 坑2 Uncaught TypeError: Failed to resolve module specifier "Vue". 配置 js 复制代码// vite.config.js import { defineConfig } from 'vite' import { createHtmlPlugin } from 'vite-plugin-html

    3.4K11编辑于 2024-01-23
  • 来自专栏夜梦星尘的折腾日记

    React 安装(Vite

    前言 Vite 是一个现代化的前端构建工具,旨在通过利用现代浏览器的原生 ES 模块支持,提供快速的开发体验。 Vite 是当前 React 官方推荐的首选工具,比传统的 Create React App 更快、更轻量、开发体验更好。 Vite 基于原生 ES Modules,支持秒级热更新(HMR),启动时间通常只需几百毫秒。 参考:React 安装(Vite) | 菜鸟教程 2. 创建react项目 在目标文件夹中启用powershell,输入下面的命令可以创建指定项目: npm create vite@latest my-first-react-app -- --template react 其中: create vite@latest:使用最新版 Vite 创建工具 my-first-react-app:项目名称 -- --template react:指定 React 模板

    37910编辑于 2026-03-05
  • 来自专栏友人a的笔记丶

    Vite该如何使用?Vite学习笔记,持续记录

    5.vite使用PostCss Vite自身已经集成PostCSS,无需再次安装。另外也无需单独创建PostCSS配置文件,已集成到vite.config.js的css选项中。 另外,Vite 执行时已经存在的环境变量有最高的优先级,不会被 .env 类文件覆盖。例如当运行 VITE_SOME_KEY=123 vite build 的时候。 为了防止意外地将一些环境变量泄漏到客户端,只有以 VITE_ 为前缀的变量才会暴露给经过 vite 处理的代码。 例如下面这个文件中: VITE_SOME_KEY=123 DB_PASSWORD=foobar 只有 VITE_SOME_KEY 会被暴露为 import.meta.env.VITE_SOME_KEY } } Vite实用插件 1.vite-plugin-restart 作用:通过监听文件修改,自动重启 vite 服务。

    5.2K20编辑于 2023-02-17
  • 来自专栏AI机器学习与深度学习算法

    机器学习入门 6-7 sklearn中的随机梯度下降法

    本系列是《玩转机器学习教程》一个整理的视频笔记。本小节主要介绍改进上一小节代码,封装自己的随机梯度下降法并应用,之后应用sklearn实现随机梯度下降法。

    1.2K20发布于 2019-11-13
  • 来自专栏js笔记

    vite2

    vite.js官网地址 创建项目 切记,目录中不要带有中文,会报错 npm init @vitejs/app //需要输入项目名称 //例如 demo-app demo-app //进入文件夹 cd /demo-app //安装依赖 npm install //启动项目 npm run dev vite配置 插件的方式 使用vue/react vite.config.js export default ": resolve("src/styles"), }, plugins: [vue()] } defineConfig可规范类型 import { defineConfig } from 'vite "抛出的事件"); }, //父组件中 <template> //组件实例 <HelloWorld @myClick="handleMyClick" msg="Hello Vue 3 + <em>Vite</em>

    37010编辑于 2022-10-25
  • 来自专栏下落木

    Vite真香之路

    当前 Vite 的优点不止于此,这篇文章不探讨 Vite 的优势,只记录下从 Vue-CLI 转 Vite 踩的一些坑。 还有 Vite 只暴露以 VITE_ 开头的环境变量给客户端,Vue-CLI 中是 VUE_APP_ 开头。 对应的处理如下,通过 define 替换全局变量,这种方式目前来看是安全的。 import { loadEnv } from 'vite'; const ENV_PREFIX = ['VITE_', 'VUE_APP']; export default ({ mode, serverProxy 插件众多,这里用的是vite-plugin-externals。 那怎么办呢,很简单,在使用JSX的script的地方加上: <script lang="jsx"> 然后在vite.config.js中,为vite-plugin-vue2这个插件增加jsx: true

    3.2K31编辑于 2022-12-13
  • 来自专栏前端小叙

    vite配置vite-plugin-style-import插件后启动报错

    <anonymous> (/Users/wangping/project/vite-vue3-ts-learn/vite.config.ts:29:39) at Module. <computed> [as .ts] (/Users/wangping/project/vite-vue3-ts-learn/node_modules/vite/dist/node/chunks/dep 附插件文档:https://github.com/vbenjs/vite-plugin-style-import

    2K20编辑于 2022-05-09
领券