Vite共0篇 第3页
Vite
排序
Vite 开发环境为何这么快？
本文只是笔者作为一个初学者，在学习中与看了诸多业界的优秀实践文章之后的思考和沉淀，如果你在看的过程中觉得有些不妥的地方，可以随时和我联系，一起探讨学习。 提到 Vite，第一个想到的字就...
2年前
一起来封装一个 popper/tooltip 组件吧
在element-plus中，popper组件是tooltip、select、date-picker等触发式弹出层组件的基础，有了它我们就可以封装各种类似功能的组件了。 话不多说，咱们开始吧！ popper 组件依赖于 floating-ui...
2年前
?两个简单的自定义插件，探究Vite的插件机制
文章首发公众号：萌萌哒草头将军，最近群里有抽奖，送出五本书，群里目前已经快20位小伙伴了，概率很大，感兴趣的小伙伴关注后联系我即可入群。个人联系方式：SunBoy_mmdctjj 阅读更多文章点这...
2年前
vite+vue3发布npm包
[toc] 一。新建项目 pnpm create vite 输入包名称 选择vue 选择ts cd 到项目目录中 pnpm install 在根目录下建立一个ts声明文件，例如：env.d.ts; 里面加上vue模块的声明，然后在tsconfig.json...
2年前
当我尝试着把老项目 Webpack 迁移到 Vite 时，发现并没有这么香
背景 最近，就前端开发过程中的痛点及可优化项做了一次收集。 其中，构建耗时、项目编译速度慢的字眼出现了好几次。 随着业务的快速发展，我们很多项目的体积也快速膨胀。随之而来的， 就是打包...
2年前
React 和 Vue 哪些事儿 – 2. 趁手的开发工具 Vite
什么是开发工具 这里说的开发工具不是指电脑硬件或者代码编辑器（例如 VS Code），而是前端工具链、或者说项目脚手架，其核心的功能基本类似，大致包含： 使用模板创建项目初始目录和文件 管理...
2年前
为 VitePress 网站添加 RSS 订阅支持
省流：使用 vitepress-plugin-rss 这个插件 前言 在看许多个人博客站点的时候，右上角总会有个RSS订阅的标志 恰好我的博客也是基于 VitePress 搭建的，就想看看能不能也实现这个功能呢？ 动手前...
2年前
一次性完整学完搭建PWA项目
做一个有温度和有干货的技术分享作者 —— Qborfy 背景 最近在开发一个简单的个人记录网站，技术栈是使用 Vite + Vue3，由于使用的单台服务器，有时候服务器会被限制带宽，所以平时都会比较访问...
2年前在不同的 Vite 项目中快速共享 React 组件 – – – 超级简单的方案！
wpmjs 使用 wpmjs 可以快速将你项目中的 React 组件共享给其他的项目，而不需要依赖构建工具的支持 以 Vite 为例 项目 A src/component/index.js import React from 'react' import wpm from '@...
2年前抛弃legacy，拥抱Babel
背景 公司项目使用Vite + Vue3技术栈，为了兼容低版本浏览器，使用@vitejs/plugin-legacy做代码转换，关于@vitejs/plugin-legacy是如何做代码转换的，参考我的这篇文章。 不过@vitejs/plugin-le...
2年前
强烈推荐一款 Vue3 + Vite 调试神器，彻底抛弃 Vue Devtools ！！！
哈喽,大家好 我是xy???。 今天给大家推荐一款 Vue3+Vite 开发调试神器，让你彻底丢弃 Vue Devtools。 前言 相信使用 Vue 的同学应该对 Vue Devtools 浏览器插件并不陌生，但是有些同学由于网...
2年前
基于vite2+react+typescript前端开发工程化（二）
一、回顾简述 上一篇文章，主要讲述了前端工程初始化、目录结构、以及前端规范体系： 代码格式规范 代码质量规范 代码提交规范 版本管理规范 标准化和统一前端团队的代码风格和代码验证，可以大...
2年前
vite项目自动配置路由
背景 项目过程中，你是否每加一个页面，都要添加路由的的烦恼？ 你是否想每加一个.vue文件，自动生成路由文件呢？ 下面这个插件，就可以解决你的这些烦恼。 安装 #Npm npm i -D unplugin-vue-ro...
2年前
学习create-vite，从零到一实现一个自己的 mini-create
0. 前言 本文参加了由公众号@若川视野 发起的每周源码共读活动，点击了解详情一起参与。 本篇是源码共读第37期 | vite 3.0 都发布了，这次来手撕 create-vite 源码，点击了解本期详情 1. npm c...
2年前
vite发布纯函数工具库(ts+vitest单元测试)
上一篇： vite+vue3发布npm组件库 新建项目 pnpm create vite ； Project name: strayer-tool; // strayer-tool换成你自己的函数库名称 Select a framework: Vue; Select a variant: TypeScript...
2年前
qiankun：vue3 + vite从开发到部署实现微前端
背景 由于业务需要，本人需要在某应用中增加菜单，在页面上直接展示另外两个应用，并且要求登录信息共用，一番衡量过后决定使用qiankun实现。(注：本文主要记录一次从开发到部署相关接入qiankun...
2年前
探究前端项目打包构建的用户故事
“ 打包 ”——一个前端研发无比熟悉的词语，打包工具从来都不是必要，后端（nodejs）几乎可以不使用，但在前端，又几乎不可以不用。 本文会带读者探究关于打包的一切，前辈们是从什么时候开始...
2年前
vite是如何解析用户配置的.env的
0. 前言 本文参加了由公众号@若川视野 发起的每周源码共读活动，点击了解详情一起参与。 本篇是源码共读第40期 | vite 是如何解析用户配置的 .env 的，点击了解本期详情 正文： 我们在实际项目...
2年前
vite4+react+antd需要注意的地方，本地svg单独引用
一、less、css、sass不生效问题。 方案1 less或者css，sass需要用到模块化的话，后缀名全部要加上《module》如*.module.less。否则不会生效 import styles from './index.module.less'; <div...
2年前
推荐：非常详细的vite开发笔记（7k字）
为什么要升级到vue3.0 当将当前的技术栈从Vue 2.0升级到Vue 3.0时，有许多值得考虑的理由。以下是10个升级到Vue 3.0的理由： 更好的性能: Vue 3.0引入了一种全新的响应式系统，使用了Proxy代理...
2年前