vite微前端

Vue3之Vite打包优化

一.rollup-plugin-visualizer(打包视图分析)1.安装：npmirollup-plugin-visualizer-D2.配置：在vite.config.js中引入rollup-plugin-visualizer
26:28·2024-01-31 15:04

【vue3】-解决build打包之后，无法获取import.meta.env环境变量的问题

转载自这篇文章关于vue3:vite-vue3-项目通过-importmetaenv-获取自定义的变量最近应用vite+vue3开发新我的项目，遇到非vite.config.js文件，通过import.meta.env
String佳佳·2024-01-31 12:40

vite + postcss-prefix-selector 增加统一作用域

在前端开发中，随着项目规模的扩大，特别是在使用微前端架构后，基座应用和子应用之间的样式冲突和作用域管理成为了一项挑战。
天問_·2024-01-31 10:42

Top-level await is not available in the configured target environment

当在使用Vite进行项目构建时，可能会遇到如下错误提示：ERROR:Top-levelawaitisnotavailableintheconfiguredtargetenvironment。
天問_·2024-01-31 10:12

使用 vite 配置请求代理

介绍vitevue官方提供的前端构建工具。由两个部分组成开发服务器：基于ES模块提供丰富的内建功能构建指令：使用Rollup打包代码，提供预设配置Rollup：Rollup是一个JavaScript模块打包器，它可以将多个模块打包成一个单独的文件。与其他打包工具（如Webpack）不同，Rollup更注重于创建小型、高效的打包文件，适用于构建库、框架和组件等应用场景。Rollup采用ES6模块的标
_沐晨·2024-01-31 09:25

第十章（应用场景篇） Single-SPA微前端架构深度解析与实践教程

文章目录Single-SPA微前端架构深度解析与实践教程1、Single-SPA介绍2.1Single-SPA是什么2.2Single-SPA的特点2、Single-SPA核心原理3.1路由机制3.2生命周期管理
球球不吃虾·2024-01-31 08:24

第九章（应用场景篇）Qiankun微前端深度解析与实践教程

文章目录Qiankun微前端深度解析与实践教程引言一、微前端概述二、Qiankun简介三、Qiankun核心原理四、Qiankun实践1.创建主应用2.注册子应用3.路由配置4.子应用开发5.应用通信五
球球不吃虾·2024-01-31 08:49

react17+vite2+ant4 的前端框架，It's easy and fast!（基础篇)

本架构使用的技术为：react17+vite2+ant4新一代的前端框架，It'seasyandfast!
jzfai·2024-01-31 06:29

【权限管理系统】02创建前端项目

兼容性注意Vite官网：https://cn.vitejs.dev/Vite需要Node.js版本>=12.0.0，建议使用16版本以上node-v//查看版本号1.1、新建项目创建存放项目目录，cmd
阿斯卡码·2024-01-31 03:49

第八章（应用场景篇） 中大型项目的解构：从单体应用到微前端

文章目录中大型项目的解构：从单体应用到微前端一、从单体应用到微前端1.1单体应用的困境1.2微前端的优势1.3解构过程二、案例分析3.1项目背景3.2解构过程1.项目分析2.架构设计3.技术选型1.主应用配置
球球不吃虾·2024-01-30 22:58

将vite项目(vue/react)使用vite-plugin-pwa配置为pwa应用，只需要3分钟即可

为了实现这个目的，我们可以为vue项目使用一个插件：vite-plugin-pwavite-plugin-pwa仓库地址：https://github.com/vite-pwa/vite-plugin-pwav
1024小神·2024-01-30 11:44

开源：基于Vue3.3 + TS + Vant4 + Vite5 + Pinia + ViewPort适配..搭建的H5移动端开发模板

vue3.3-Mobile-template基于Vue3.3+TS+Vant4+Vite5+Pinia+ViewPort适配+Sass+Axios封装+vconsole调试工具，搭建的H5移动端开发模板
HaushoLin·2024-01-30 10:09

vue 3.0 +vite rem 适配

vue3+vite安装postcss-pxtorem1、安装依赖npminstallpostcss-pxtorem-Dnpminstallamfe-flexible-D2、配置vite.config.tsimportpostCssPxToRemfrom"postcss-pxtorem"exportdefaultdefineConfig
Joan_King_·2024-01-30 09:11

colorThief+vite+react使用方法

官网:ColorThiefnpmi--savecolorthief第一种,import载入图片经过尝试,在vite中,要引入.mjs版本importColorThieffrom'colorthief/dist
大猫会长·2024-01-30 09:44

vite+ts+vue3打包的过程和错误

文章目录概要vite.config.ts配置tsconfig.json的配置package.json的配置路由配置打包打开打包后的文件小结概要完成vite的打包，和在本地打开页面记录一下，vite打包过程中的问题
梦想家加一·2024-01-30 07:39

vite引入图片用法

在vite中引入图片方式跟其他脚手架创建项目的引入方式不一样要使用import.meta.url他是一个ESM的原生功能constmapPicSrc=ref(newURL(`@/assets/charts
关忆北_·2024-01-30 06:50

vue中在vite.config.js 配置正向代理

在vite.config.js文件中，可以使用proxy选项来配置正向代理。
&ACE&·2024-01-30 00:07

基于vue3+ts+vite封装的动态表单，支持手动编辑生成页面表单配置并渲染使用，所有源码都在文章中

效果图一、第一个文件index.vue，也就是表单生成器的根页面importaxiosfrom'axios'import{ref,reactive}from'vue'importformRenderfrom'./modules/formRender.jsx'importformCreatorfrom'./modules/formCreator.vue'import{ElNotification}f
jsmeng626·2024-01-29 19:04

微前端（qiankun）使用手册

qiankun是一个基于single-spa的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。
StoneHui·2024-01-29 18:06

什么是微前端？

微前端是什么？微前端是一种多个团队通过独立发布功能的方式来共同构建现代化Web应用的技术手段及方法策略。
StoneHui·2024-01-29 17:27

CSS自适应分辨率 postcss-pxtorem（适用于 Vite）

前言此篇是基于Vite+Vu3项目的CSS自适应分辨率！
AvatarGiser·2024-01-29 15:25

后台管理系统模板搭建/项目配置

1.1环境准备1.2初始化项目本项目使用vite进行构建，vite官方中文文档参考：开始|Vite官方中文文档pnpm:performantnp
css在哪里·2024-01-29 12:50

uni-app vite+ts+vue3模式 集成微信云开发

1.创建uni-app项目此处使用的是通过vue-cli命令行方式uni-app官网使用vue3/vite版创建以typescript开发的工程（如命令行创建失败，请直接访问gitee下载模板）npxdegitdcloudio
lyj168997·2024-01-29 10:30

微前端框架MicroApp 1.0正式发布

介绍MicroApp是由京东前端团队推出的一款微前端框架，它从组件化的思维，基于类WebComponent进行微前端的渲染，旨在降低上手难度、提升工作效率。
京东零售技术·2024-01-29 10:02

vue

利用vite创建vue3项目npminitvite-appprojectName安装依赖运行项目：cdprojectNamenpminstallnpmrundev数据双向绑定必须要使用ref,reactive
过河卒_51be·2024-01-29 08:51

使用Vite 创建 Vue 3.0 项目(最新体验)

搭建完之后想起来最近的Vite，Vite是Vue的作者尤雨溪开发的由原生ESM驱动的We
HarlieYang·2024-01-29 06:36

Network:use `--host` to expose

前言：最近开始学习使用vite创建项目，但是vite启动后提示：Network:use`--host`toexpose，从而导致在同一个局域网内的其他人也无法访问到我本地的项目。
Lee_Yu_Fan·2024-01-29 05:26

vue3使用最新的属性defineModel实现父子组件数据响应式绑定

1）声明prop，（2）在打算更新prop时发出相应的update:propName事件：现在再也不用这么麻烦了，直接使用defineModel就可以了，看一下官方文档：官方文档链接有的人说需要单独在vite
1024小神·2024-01-29 02:25

Vite 使用学习指南

Vite的基本概念和特点Vite是什么，它的主要特点是什么Vite是一个基于ESmodules的前端构建工具，它的主要特点包括：快速的冷启动：Vite采用了基于浏览器原生ES模块的开发模式，可以在开发时快速启动应用
叶落风尘·2024-01-29 00:48

vite学习

vite学习第一步安装pnpm先查看node的版本发现我的Node.js版本是这个，根据官方文档要求，这边node.js版本不能安装vite想要在window系统上升级node，似乎只能到node官网下载
Deng872347348·2024-01-29 00:47

Vite学习指南

想要学习前端工程化，在新项目中投入使用Vite构建工具的朋友Webpack转战到Vite的小伙伴前端架构师们，可以充实自己的工具箱当然如果你没有项目相关开发经验，也可以从本课程中受益，让你开阔眼界，将你学到的前端知识融会贯通
秋の本名·2024-01-29 00:17

snowpack和vite：noWebpack，无bundle的代表

noWebpack的代表：snowpack和vite"noWebpack"，无bundle的代表：snowpack和vite背景snowpack支持情况上手使用安装初始化新项目旧项目迁移配置开发调试生产打包基本原理
Micheal_Wayne·2024-01-28 20:23

vue3使用monaco-editor组件

monaco-editornpminstallmonaco-editor@[email protected]（必须安装）2.vite.config.js
摆烂吧小李·2024-01-28 20:15

vite（一）——基本了解和依赖预构建

二、经典面试题：webpack和vite的区别1.编译方式不同2.基础概念不同3.开发效率不同4.扩展性不同5.应用场景不同6.总结（vite会取代webpack吗？）
前端张三·2024-01-28 20:14

Vue3 + Vite 配置全局scss

1.安装scssnpminstall-Dsass2.配置vite.config.jscss:{preprocessorOptions:{scss:{additionalData:'@import"@/assets
Free zitao·2024-01-28 16:18

vue3+vite使用scss

1、安装依赖npminstallsass-d2、配置vite.config.jscss:{preprocessorOptions:{scss:{additionalData:'@import"@/assets
xfq_z·2024-01-28 16:48

vue3和vite项目在scss中因为本地图片，不用加~

看了很多文章说要加~，真的好坑哦，我的加了~反而出不来了：304NotModified所以需要去掉~：/*默认dark主题*/:root[theme='red']{--bg-color:#0d1117;--text-color:#f0f6fc;--backImg:url('@/assets/images/redBg.png');}/*light主题*/:root[theme='blue']{--b
1024小神·2024-01-28 16:47

解决vite项目报错：ReferenceError: require is not defined

最近在一个vite项目，动态绑定src引入图片的时候，还像以前一样使用require对资源进行引用：结果报错：报错原因：require不属于vite里的方法vite官网方法如下：修改代码：其中module.icon
盛大人很低调·2024-01-28 15:33

vue3框架基本使用

一、安装包管理工具vite和vue-cli一样，都是脚手架。
smile_pbb·2024-01-28 08:25

vite搭建vue3.0项目

vite官网创建项目1、yarncreate@vitejs/appimage还有很多选项，我选的是vue安装相关依赖1、开发依赖yarnaddvue-router@nextvuex@nextelement-plusaxios-S2
X_8d6a·2024-01-28 04:08

SpringBoot 自定义Filter 提前返回 CORS 错误 处理前后端分离跨域配置无效问题解析

准备工作https://gitee.com/youlaiorg/vue3-element-admin)默认通过vite+proxy前端反向代
Young丶·2024-01-28 04:48

使用vite创建的Vue项目，部分文件出现报错

今天使用vite创建vue项目后，发现有几处配置文件和组件报错，虽然不影响项目启动，但看着不是很舒服。首先在创建完成后，先在终端运行npmi安装一下依赖包。安装完成后项目是可以正常启动的。
浮生若梦777·2024-01-28 02:49

Vite是什么？怎么用Vite来创建一个前端项目?

介绍Vite是一种新型的前端构建工具，能够显著提升前端开发体验，主要有以下特点：使用原生ESM文件，无需打包轻量快速的热加载优化构建，可选单页应用或者库模式，配置构建灵活的API常用框架项目模板搭建第一个
83Dillon·2024-01-27 23:37

使用vite构建一个vue项目

例如，要构建一个Vite+Vue项目，运行:#npm6.xnpmcreatevite@latestmy-vue-app--templatevue#npm7+,extradouble-dashisneeded
郑建零零发·2024-01-27 23:06

vite+vue3+elementPlus搭建项目

创建基础框架方式一：创建命令npmcreatevite@latestoryarncreatevite注意：这里可能会出现一个坑，注意你的node版本（node版本过低就会报错）创建成功创建成功后运行以下命令即可yarnyarndev这种创建方式没有路由和ui等其他配置，只有基础的配置，其他需要自己安装依赖，package.json如下：方式二安装对应依赖，配置相关文件目录大致样式：配置路由（vue
Jocelyn_书·2024-01-27 17:32

vite + vue3 + elementPlus + vuex + axios项目搭建及问题

5：引入vuex保存变量发现刷新丢失怎么办6：vite打包后放服务器jscss找不到怎么配置常规为题：1：vue3使用获取路由传参2：vue3父组件触发子组件方法3：
Thekingyu·2024-01-27 17:00

微前端与单页面应用：如何将两种架构结合

1.背景介绍在现代网络应用中，微服务和单页面应用(SPA)是两种非常常见的架构设计。微服务架构是一种分布式系统的架构，其中系统被分解为多个小的服务，这些服务可以独立部署和扩展。而单页面应用则是一种前端架构，其中整个应用程序运行在一个页面上，使用JavaScript进行动态更新。在某些情况下，我们可能需要将这两种架构结合在一起。例如，我们可能希望将微服务架构与单页面应用的优势结合在一起，以实现更高效
OpenChat·2024-01-27 15:42

Vite,Vue3项目引入dataV报错的解决方法

DataV是基于vue2的,vue3版的作者还在开发中,于是翻了DataV的源码,发现使用esm方式时是直接引入源码而不经过打包,其源码中使用的vue语法vue3也支持,所以可以直接在vue3中引入使用.vite
新时代的弩力·2024-01-27 14:16

vue3+vite中如何打包添加随机号解决页面缓存更新不及时问题

解决：给打包的文件添加时间戳使客户端强制拉取最新的文件（推荐）vite配置官方文档import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'import
爱吃爱喝·2024-01-27 12:01

vite 基础配置

vite基础配置vite.config.js的基本配置import{defineConfig}from"vite";importreactfrom"@vitejs/plugin-react-swc";importpathfrom"path
April_zk·2024-01-27 10:43
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他