vite微前端第18页

vite配置alias，已解决

exportdefaultdefineConfig({plugins:[vue()],resolve:{//https://vitejs.dev/config/#resolve-aliasalias:{"@":"/src",},}})

callPromise·2023-12-19 20:07

Vite + Vue3 + OpenLayers 切换地图容器

Vite+Vue3+OpenLayers切换地图容器本文简介Vite+Vue3+OpenLayers切换地图容器将地图切换到不同容器里展示。

德育处主任·2023-12-19 12:59

pnpm monorepo micro-app 微前端开发架构

pnpmmonorepomicro-app微前端开发架构主要解决问题微前端特性未来期许采用技术说明主要解决问题随着项目迭代应用越来越庞大，难以维护。跨团队或跨部门协作开发项目导致效率低下的问题。

kenluff·2023-12-19 11:43

使用 electron + vue3 开发的桌面便签应用

使用electron+vue3开发的桌面便签应用一个使用electron+vite2+vue3+TS+electron-builder开发的便签应用功能预览展示拖拽自动隐藏增删改查其他操作功能规划待办的基本功能数据本地存储窗口贴边自动隐藏开机自启锁定窗口自定义设置

不会玩游戏的程序员·2023-12-19 09:02

使用vite搭建项目时，在启动vite后，浏览器显示页面：找不到localhost的网页

现象在使用前端工具vite（版本5），搭建vue3项目时，启动vite，浏览器显示页面：找不到localhost的网页,起初怀疑是未加参数--host='0.0.0.0',导致，后加上该参数后问题依旧解决将

superox6·2023-12-19 09:18

vue3项目配合Vite快速实现搭建流程

需要注意的是,npm的版本要是8+npminitvite@latestshop-admin–--templatevue直接使用以上代码快速构建即可下面是我构建环境的时候出现的一个小插曲，以及我对应的解决办法再一次切换node版本之后依旧发生了错误仔细看错误提示：[email protected]:Theengine“node”isincompatiblewiththismodule.Expected

floret. 小花·2023-12-19 06:29

基于single-spa,single-spa-vue的微前端落地实现方案

1.什么是微前端在说什么是微前端的之前我们先来思考一下什么是微服务，微服务是一种为了降低服务端耦合的架构方式（为了解决庞大的一整块后端服务带来的变更与扩展方面的限制）微服务是面向服务架构（SOA）的一种变体

Carols·2023-12-19 02:13

vite 完整打印debug调试日志

首先在vite.config.ts中添加了exportdefault(){ logLevel:'debug'}并没有生效后来使用这个命令启动成功打印出调试日志DEBUG=vite:*npmrundev

不想写代码的小田·2023-12-18 23:37

完整的vite + ts + vue3项目，克隆就能用，傻瓜式保姆教程(第二篇)

目录前言一、基础知识准备1.1接口请求（本篇重点内容）1.1.1FetchAPI1.1.2XMLHttpRequest1.1.3axios（推荐）1.1.4EventSource1.1.5WebSocket1.2ts类型定义（本篇内容）1.3svg雪碧图（本篇内容）1.4i18n多语言（本篇内容）1.5公共工具方法（非本篇内容）1.5.1本地存储相关a）cookieb）localStorage1.

我有一棵树·2023-12-18 23:53

Vue3+TypeScript+Vite 的项目中使用require动态引入图片报错

问题：Vue3+TypeScript+Vite的项目中使用require动态引入图片报错一、问题复现步骤1、开发项目时动态引入静态资源，也就是img标签的src属性值动态获取，按以往做法直接require

w-somebody·2023-12-18 17:51

企业级低代码平台，JeecgBoot-Vue3版 v1.3.0 里程碑版本发布

项目介绍Jeecgboot-Vue3采用Vue3.0、Vite、Ant-Design-Vue、TypeScript等新技术方案，包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能

jeecg博客·2023-12-18 15:28

Vite创建vue项目简单几步

一、创建Vite+TS1、安装npminit@vitejs/appimg2、选择框架imgimg3、安装依赖npminstall（npmi）vite官网typescript官网二、Vue-Router1

硅谷干货·2023-12-18 12:45

用Vite构建Lit项目

陈拓2023/12/05-2023/12/061.概述1.1Vite中文官方网址https://cn.vitejs.dev/Vite是一种新型前端构建工具，能够显著提升前端开发体验。

晨之清风·2023-12-18 10:01

Lit官方入门示例

陈拓2023/12/17-2023/12/171.简介在《用Vite构建Lit项目》https://blog.csdn.net/chentuo2000/article/details/134831884

晨之清风·2023-12-18 10:00

vite基本知识

vite的了解与使用基本知识开发时，并不对代码打包，而实直接采用ESM的方式运行项目一项目部署时，再对项目进行打包核心原理其核心原理是利用浏览器现在已经支持ES6的import，碰见import就会发送一个

bug丸·2023-12-18 08:36

【Vue+Mysql实现前端对接数据库】

Mysql配置链接3.1数据库配置文件src/server/db.js代码3.2后端node服务配置文件src/server/iondex.mjs代码一、安装环境Mysql下载及安装Node下载及安装使用Vite

MagnumHou·2023-12-18 06:01

vue项目搭建---1.搭建基础的框架

目录1.pnpm下载1.1安装1.2差异1.3镜像源设置2.项目2.1vite创建项目2.2项目配置2.3pinia+vue-routermain.jsstore/index.jsrouter/index.jsvue

墨迹斑斑的老墙·2023-12-18 06:40

vue3学习—vite原理

vue3学习—vite原理一、vite原理1、webpack2、vite3、webpack和vite的比较4、提问：vite中能使用commonJs一、vite原理要了解vite首先从webpack讲起

飞羽逐星·2023-12-18 06:14

Vite实现原理

一、Vite介绍1.Vite概念：Vite是一个面向现代浏览器的一个更轻更快的web应用开发工具它基于ECMAScript标准原生模块系统（ESModules）实现2.Vite项目依赖：Vite@vue

拾荒李·2023-12-18 06:44

尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理

在vuejs组织下，找到了尤雨溪几年前写的“玩具vite”vue-dev-server，发现100来行代码，很值得学习。于是有了这篇文章。

优价实习·2023-12-18 06:43

Vite原理浅析

什么是ViteVite是新型的前端构建工具，是Vue3作者尤雨溪备受关注的新作品，考虑到【懒编程】的读者多数都是后端，为了方便大家理解，在谈Vite前，先简单理一下前端现在大体的状况。

懒编程-二两·2023-12-18 06:42

vite 原理详解

Vite介绍Vite是Vue作者尤雨溪又一个备受关注的开源项目，它是一个前端构建工具，可类比Webpack。

perryhuan9·2023-12-18 06:11

Vite原理学习之预编译

前言Vite是下一代的前端开发与构建工具，为什么称为下一代？根本原因在于其基于原生ESModule。

玉案轩窗·2023-12-18 06:11

Vite 原理浅析

Vite有如下特点：快速的冷启动:NoBundle+esbuild预构建即时的模块热更新:基于ESM的HMR，同时利用浏览器缓存策略提升速度真正的按需加载:利用浏览器ESM支持，实现真正的按需加载Vite

编程轨迹_·2023-12-18 06:40

vite原理

一、依赖预构建1、为什么需要依赖预构建CommonJS和UMD兼容性在开发阶段中，vite的开发服务器将所有的代码视为原生ES模块。

F班的小夏同学·2023-12-18 06:37

手写VUE后台管理系统9 - 多环境配置

vite本身支持多环境配置，在一个特殊的import.meta.env对象上暴露环境变量在生产环境中，这些环境变量会在构建时被静态替换，因此，在引用它们时请使用完全静态的字符串。

死牛胖子·2023-12-18 03:35

03 使用Vite开发Vue3项目

概述要使用vite创建Vue3项目，有很多种方式，如果使用命令，则推荐如下命令：#使用nvm将nodejs的版本切换到20nvmuse20#全局安装yarnnpminstall-gyarn#使用yarn

Python私教·2023-12-17 23:18

vue3 web在线音乐项目——蔚蓝音乐开发记录

目录前言：项目技术栈：项目展示：主页歌单编辑评论编辑最新/最热评论编辑搜索林俊杰编辑歌曲mv：歌词展示编辑歌词滚动展示视频详细开发步骤：一、创建项目1、使用vite构建项目2.输入项目名称，默认是vite-project3

zbsnzj·2023-12-17 17:47

DevOps 视角的前后端分离与实战

本文作者：CODING-廖红坤前言随着微前端、微服务等技术理念和架构的蓬勃发展，我们已经没必要去讨论为什么要前后端分离这种话题，前后端分离已成为互联网项目开发的标准模式。

腾云 CODING·2023-12-17 12:41

Vue3中的defineModel

目录一、vue3的defineModel介绍二、defineModel使用（1）在vite.config.js中开启（2）子组件（3）父组件一、vue3的defineModel介绍为什么要使用到defineModel

菜到极致就是渣·2023-12-17 12:57

vite 中使用插件 vite-plugin-svg-icon加载svg资源

1.安装pnpmivite-plugin-svg-icons-D2.配置vite在vite.config.ts中配置import{createSvgIconsPlugin}from'vite-plugin-svg-icons

草莓不爱吃白菜·2023-12-17 11:34

vite+vue3+ts项目，使用语法糖unplugin-auto-import插件的步骤

1.安装插件npminstallunplugin-auto-import@vitejs/plugin-vue-D2.vite.config.ts中引入插件importAutoImportfrom"unplugin-auto-import

南方姑娘-qing·2023-12-17 10:50

Vue3+TS 报错：找不到模块或其相应的类型声明

在src目录下找到vite-env.d.ts文件将下方代码粘贴即可解决declaremodule'*.vue'{import{ComponentOptions}from'vue'constcomponentOptions

banzhuanren1·2023-12-17 08:34

在React中实现好看的动画Framer Motion(案例：跨DOM元素平滑过渡)

案例基本环境本案例基于Vite+React+TypeScript+TailwindC

远小帅·2023-12-17 07:53

心理测试网站源码，知己心理React心理健康测试

React可以在Vite中启用HMR，并且包含了几人EsLint规则。只需要使用react+antd-mobile即可轻松部署完成。

行动之上·2023-12-17 03:09

Vue3 setup语法糖写法给组件添加name属性

安装插件:npminstallvite-plugin-vue-setup-extend-D集成插件:在vite.config.ts文件引入vite-plugin-vue-setup-extend//vite.config.tsimport

NM-BOY·2023-12-17 02:14

vue3快速上手

vue3快速上手一创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二常用compositionAPI1.setup1.理解：vue3.0中的一个新的配置项，值为一个函数2.setup是所有

叶浩成520·2023-12-17 02:05

vue3 setup语法糖写法基本教程

前言官网地址：Vue.js-渐进式JavaScript框架|Vue.js(vuejs.org)下面只讲Vue3与Vue2有差异的地方，一些相同的地方我会忽略或者一笔带过与Vue3一同出来的还有Vite，

大米☋·2023-12-17 02:34

vue或vite项目启动报错

node_modules\rollup\dist\native.js:64thrownewError(^Error:Cannotfindmodule@rollup/rollup-win32-x64-msvc.npmhasabugrelatedtooptionaldependencies(https://github.com/npm/cli/issues/4828).Pleasetry`npmi`a

《独自往前》·2023-12-17 00:07

02 使用Vite创建Vue3项目

概述AVueprojectisstructuredsimilarlytoalotofmodernnode-basedappsandcontainsthefollowing:Apackage.jsonfileAnode_modulesfolderintherootofyourprojectVariousotherconfigurationfilesareusuallycontainedatthero

Python私教·2023-12-16 22:56

一、微前端目标、前端架构的前生今世、微前端架构优势和劣势、软件设计原则与分层

1、目标2、前端架构的前世今生①初始：无架构，前端代码内嵌到后端应用中②后端MVC架构：将视图层、数据层、控制层做分离缺点：重度依赖开发环境，代码混淆严重（在调试时，需要启动后端所有代码和依赖，比较麻烦）③前后端分离架构将前端代码从后端环境中提炼出来（ajax促进了前后端分离架构的发展）多页面架构，使其能够通过浏览器动态获取数据；缺点：前端缺乏独立部署能力，整体流程依赖后端环境④Nodejs的广泛

小草莓蹦蹦跳·2023-12-16 21:02

vue3+vite+TypeScript 传值解析

vue3+vite+TypeScript传值解析vue3+vite+TypeScript传值vue2传值方式在vue2系列中我们我们把状态都放到data返回的对象中，父传子是通过给子组件添加属性和值，而子组件通过

It`s Stacey·2023-12-16 19:24

关于UMI中 useModel的使用（踩坑记录）

最近用React+UMI+qiankun的框架撸了一个后台管理系统，主应用使用的qiankun做的微前端，子运用使用的是UMI搭建的React项目，涉及到主应用与子运用的通信问题。

独孤九溅·2023-12-16 15:54

解决vue3+ts打包，ts类型检查报错导致打包失败

，项目的打包命令为："build":"vue-tsc--noEmit&&vitebuild"是因为vue-tsc--noEmit是TypeScript编译器（tsc）的命令，vitebuild则是使用Vite

喜陈·2023-12-16 11:39

[pluginviteimport-analysis] vite 提示jsx语法报错

segmentfault.com/q/1010000043499356https://blog.csdn.net/kkkkkkgg/article/details/131168224报错内容内容类似如下：03:16:26[vite

爱学习的大雄·2023-12-16 07:05

Web Woeker和Shared Worker的使用以及案例

4.3、终止WebWorker4.4、监听错误信息5、使用SharedWorker4.5、调试SharedWorker6、使用中的一些坑6.1、WebWoeker中引入了其余文件6.2、在WebPack或Vite

鹏多多.·2023-12-16 06:24

VUE3+TS+VITE+webrtc-streamer实现实时视频播放（监控设备-rtsp，进来保你成）

目录1、下载webrtc-streamer，下载最新window版本2、解压下载包3、双击webrtc-streamer.exe启动服务4、引入webrtc-streamer1、将下载包中html文件夹下webrtcstreamer.js文件和html/libs文件夹下adapter.min.js文件复制到VUE项目public目录下2、在index.html文件里引入这两个js文件5、使用ffm

小小小秃头·2023-12-16 05:24

React渲染Markdown & 代码高亮显示 & 代码块复制

项目基于Vite+React+TypeScript搭建，包管理工具使用的是pnpm，需要安装TailwindCSS。

远小帅·2023-12-16 05:12

【VUE】vue3+vite中process.env的配置方法

axios实例constservice=axios.create({baseURL:process.env.BASE_API,//api的base_urltimeout:5000//请求超时时间})解决方法在vite.config.js

RogerQianpeng·2023-12-16 03:36

vite+vue3+ts项目创建流程

vite:https://cn.vitejs.dev/guide/首先搭建vite项目（这个指令我这里运行了很久的时间）npmcreatevite@latest输入项目的名字选择框架，选vue，回车选择语言

诚诚程程成·2023-12-16 02:35

推荐频道

vite微前端