vite微前端第11页

使用 qiankun 集成应用时，出现的部分错误及解决方案

erroroccurswhileexecutingentryscript2.在子应用中，监听浏览器窗口变化3.手动加载微应用报错single-spaminifiedmessage#31，see...4.打包微前端项目后

zlfjavahome·2024-01-18 16:52

乾坤微前端优化（二）

在乾坤微前端优化（一）的基础上再次进行了优化，本次优化的是子模块共同的配置，以及dll包。

best-toby·2024-01-18 13:51

非法请求显示404页面

用户在访问不存在路由时，会显示404页面，用户可自行切换页面或回到首页404页面作为一个通用页面，任何非法请求，全部都会跳转到404页面上###应用到的技术栈vue3--vue-router--vite

@tg·2024-01-18 13:51

vue2+webpack升级vue3+vite，在vue3组合式编程中使用vuex

正文开始场景一、从vue2到vue3组合式编程二、vue3中调用vuex总结场景我的项目是从vue2+webpack升级为vue3+vite，这种升级工作，其实最重要的不是如何快速准确地把原有vue2项目全部重构为

中二少年学编程·2024-01-18 11:49

vite和webpack的区别和作用

前言Vite和Webpack都是现代化的前端构建工具，它们可以帮助开发者优化前端项目的构建和性能。虽然它们的目标是相似的，但它们在设计和实现方面有许多不同之处。

SwJieJie·2024-01-18 11:47

vue3 + vite + ts 创建项目过程

0.前提1.node环境和npm1.创建项目npminitvite项目名称vue-tscd项目名称npminstall2.配置vite.config.tsimport{defineConfig}from"vite

小芈儿·2024-01-18 07:13

前端项目配置 Dockerfile 打包后镜像部署无法访问

RUNnpminstallRUNnpmrunbuildEXPOSE3001CMD["npm","run","preview"]构建镜像dockerbuild-tvite-clarity-project.启动镜像容器dockerrun-p3001:3001--name=my-vite-clarity

舜岳·2024-01-18 04:47

【前后端分离博客】学习笔记01 --- 登录模块Sa-Token

前言用于记录自己学习博客项目的流程基于Springboot+Vue3开发的前后端分离博客项目源码：Blog:基于SpringBoot+Vue3+TypeScript+Vite的个人博客，MySQL数据库

乌云不要说话·2024-01-18 02:38

在vite5和vue3开发环境中使用jodit4富文本编辑器，并添加自定义插件和使用highlight.js实现代码块高亮（附其他自定义配置项和全部代码）

最近富文本编辑器jodit终于更新发布到了4.0版本，加入了css变量、有更好的typescript支持，截止发文时的版本是：4.0.5，看到有了新版本于是便想着将本地项目中的jodit版本也进行升级，琢磨着再丰富和添加一些功能，就开始了各种踩坑，在这里做个分享。joditPro版集成的功能更多，但需要付费才能使用。相对于jodit3.x版本，引入方式有了变化，配置项差别不大，对于jodit3.x

上官熊猫·2024-01-17 20:06

Vue Vite自定义插件启动打印LOGO艺术字

Vite自己自定义一个插件Vite写插件，实际就是写一个函数，或者类，在里面指定一些特定的钩子函数，这些钩子函数会在特定的打包过程中特定的情况下自动执行。

小江江、·2024-01-17 18:59

vite 创建 react 项目

npmcreatevite@latest选择react和ts安装reduxreact-reduxnpmireduxreact-redux安装react-router-domnpmireact-router-dom安装reset-css样式初始化npmireset-css在main.tsx中引入import"reset-css"清除浏览器默认样式安装sassnpmisass$color:burlyw

C先生20190721·2024-01-17 17:27

vue3+ts+vite配置项目引入@surely-vue/table less报错

在项目当中报错InlineJavaScriptisnotenabled.Isitsetinyouroptions?修改配置如下：return{css:{preprocessorOptions:{less:{javascriptEnabled:true//开启less编译，注意：这个很重要}}},}

Shero.李建业·2024-01-17 08:07

七个步骤教你快速入门搭建一个 micro-app微前端简单上手

vue2+vue2子应用基座应用代码1、安装依赖npmi@micro-zoe/micro-app--save2、在入口引入//main.jsimportmicroAppfrom'@micro-zoe/micro-app'//这个代码放在newVue()下面microApp.start()3、分配一个路由给子应用就是访问这个路由菜单的时候加载子应用（1）、在已有的后台添加一个路由给子应用(2)、小d

昵称老重复·2024-01-17 07:49

使用micro-app将现有项目改造成微前端，对现有项目实现增量升级

使用micro-app将现有项目改造成微前端，对现有项目实现增量升级基座应用1、安装依赖npmi@micro-zoe/micro-app--save2、在入口引入//main.jsimportmicroAppfrom

昵称老重复·2024-01-17 07:49

vite和webpack的区别

Vite则是一种基于浏览器原生ES模块解析的构建工具，它通过在服务器端搭建开发环境，在浏览器中使用原生ES模块的方

代码真的养发·2024-01-17 07:42

不同打包工具下的环境变量配置方式对比

本文主要介绍利用不同的工具：Webpack、Vite、Rollup打包项目的环境变量的配置方式。proces

奇舞周刊·2024-01-17 07:42

017-Vue-尚硅谷2023：

1.2前端工程化实现技术栈前端工程化实现的技术栈有很多,我们采用ES6+nodejs+npm+Vite+VUE3+router+pinia+axios+Element-plus组合来实现ECMAScript6VUE3

清风微凉 aaa·2024-01-17 06:31

vue3动态路由搭建方法

因为动态路由对权限的划分是一个最有效的解决方法，下面我们就开始搭建一个动态路由的项目，使用技术是vite+ts+vue3+pinia+mock,mock主要用于模拟请求接口之后的处理，更接近实际项目2、

hymuuuu·2024-01-17 04:07

十四、Three场景物体增加描边

本次使用的是threejs138版本，在vue3+vite+ant的项目中使用。下面来看看实现的效果。房子建筑有了明显的描边效果。

arguments_zd·2024-01-17 01:41

十三、Three场景物体增加发光特效

本次使用的是threejs138版本，在vue3+vite+ant的项目中使用。下面来看看实现的效果。绿色罐体有了明显的发光效果。

arguments_zd·2024-01-17 01:10

前端架构：从入门到微前端【个人解析】

本篇文章是阅读黄峰达的《前端架构：从入门到微前端》的一些记录和读后感，更新中....一、关于前端架构1.1什么是软件架构软件架构指的是软件系统的高级结构，以及创建这种结构的约束。

青柠茶沐·2024-01-16 21:08

第38期 NutUI视频组件开发心得 & 前端如何在项目中做出亮点 & 移动前端开发和Web前端开发的区别是什么

vite的启动链路以及背后的部分原理Vite，一个基于浏览器原生ESimports的开发服务器。利用浏览器去解析import

前端收藏家·2024-01-16 19:43

《Vite 基础知识》使用 Glob 动态加载 .vue 文件

前言开发基于Vite+Vue3的组件库，多个.vue文件需要动态加载！注意import.meta.globEager已经弃用，请使用import.meta.glob来代替！

AvatarGiser·2024-01-16 19:56

vue3+vite+ts环境定义

1.定义文件.env.deveolpment等其中定义内容2.基础定义NODE_ENV='development'3.其他定义以VITE_开头4.在你需要地方通过import.meta.env.xxxx

陈不知代码·2024-01-16 18:01

vite打包相关+本地http-server运行打包dist文件进行检测

目录一.去到vite.config.ts文件1.添加内容2.解释3.打包二.本地开启http-server服务1.全局安装http-server1.1可以通过如下命令查看是否安装http-server1.2

程序猿online·2024-01-16 18:18

react-redux项目工程搭建，vuex写法，基于react+vite+ts

这套封装写法和vuex中的写法一样。1、下载redux、react-redux"react-redux":"^7.2.8","redux":"4.1.2",2、在src目录下创建store：/src/store，store目录下有两个文件：index.ts、reducer.ts--src--storeindex.tsreducer.ts3、index.ts文件内容import{createStor

前端小菜姬·2024-01-16 17:17

vite4加react18加ts-hooks学习篇

vite4加react18加ts-安装篇；最近从vue3转型学习了，react相关技术架构，去有意识的去学习了相关东西，内容比较实用，没有引入太多原理和概念，就是最直接最实用的记录下来；react项目中版本

web前端进阶者·2024-01-16 14:54

vue3和vite双向加持，uni-app性能再次提升

uni-app对vue3&Vite的升级，是一个渐进式过程：2020年9月：小程序平台支持vue3开发，小程序平台编译器依然使用webpack；2021年5月：H5平台支持vue3开发，H5平台编译器升级为

邵张散人·2024-01-16 12:55

Tauri+Vite+Vue3创建项目步骤

1、按照官网文档创建tauri项目npmcreatetauri-app然后按顺序填：1、项目名称：2、选择你的packagemanager3、选择你的前端框架然后再一步一步执行下面命令cd刚才创建的项目名称npminstallnpmruntauridev然后出现第一次可能没有反应（或者需要=很久才有反应），ctrl+c退出，然后重新npmruntauridev。这个时候就可以桌面程序dev了第一次

豪先生5·2024-01-16 11:20

Vue + JS + tauri 开发一个简单的PC端桌面应用程序

PC端桌面应用程序文章目录Vue+JS+tauri开发一个简单的PC端桌面应用程序1.环境准备1.1安装MicrosoftVisualStudioC++生成工具[^2]1.2安装Rust[^3]2.使用vite

百里狂生·2024-01-16 11:43

单页面vite打包学习

前端工程化本人真的很发怵，一直也没有专心去突破一下，都是能用就用，所以今天小小学习一下打包，先从单页面应用的vite打包开始。本文主要是一些我的大白话和有限的经验，如有问题望指正。

自己瞎琢磨·2024-01-16 09:38

vue3+vite项目构建时报错npm ERR! code EPERMnpm ERR! syscall mkdir...

vscode终端中输入npmcreatevite@latestvueviteproject1----vue命令后报错具体报错如下：PSD:\project>npmcreatevite@latestvueviteproject1----vue>>npmERR!codeEPERMnpmERR!syscallmkdirnpmERR!pathD:\node\node_cache\_cacachenpmER

平平无奇 > _ <·2024-01-16 09:06

使用vite框架封装vue3插件，发布到npm

目录一、vue环境搭建1、创建App.vue2、修改main.ts3、修改vite.config.ts二、插件配置1、创建插件2、开发调试3、打包配置4、package.json文件配置上一篇文章讲述使用

任磊abc·2024-01-16 09:00

vite环境基础配置

import{defineConfig}from"vite";importAutoImportfrom"unplugin-auto-import/vite";importComponentsfrom"unplugin-vue-components

Gifted_·2024-01-16 06:59

前端性能优化

前端性能优化可以从以下几个方面来看:一、打包体积方面:—体积小可以减少网络传输时间vite:https://www.duidaima.com/Group/Topic/Vue/12079https://blog.csdn.net

和科比合砍81分·2024-01-16 04:58

架构的未来：微前端与微服务的融合

目录前言微服务架构简介微前端架构简介微前端与微服务的融合1.共享服务2.基于事件的通信3.统一的身份和认证4.交付管道的集成示例：使用微服务和微前端的电子商务平台微服务架构微前端架构融合微服务和微前端总结作者简介

懒大王敲代码·2024-01-15 23:22

vite + javascript 创建纯 javascript项目

1、环境搭建：需要安装node管理器命令：安装了node的后，可以使用npm，也可以安装使用cnpm/pnpm下载cnpmnpminstall-gcnpm--registry=https://registry.npm.taobao.org下载pnpmnpmi-gpnpmpnpmconfigsetregistryhttps://registry.npmmirror.com/2、初始化项目#npmnp

阳光下的雨u·2024-01-15 20:47

在vue3+vite项目中使用vw和vh适配

简介：在Vue3+Vite项目中，使用Sass预处理器可以极大地提升样式编写的效率和可维护性。

梦想家加一·2024-01-15 17:24

NPM进阶知识与用法详解（二）

文章目录一、NPM高级用法1.NPM模块发布与私有模块管理2.NPM钩子函数3.NPM包管理与优化二、NPM与现代化前端工具链1.NPM与Yarn、PNPM的比较2.NPM在Webpack、Vite等构建工具中的应用

球球不吃虾·2024-01-15 15:25

Vue+Koa2 搭建前后端分离项目

Vue+Koa2搭建前后端分离项目简单的一个Demo演示:Vue和Koa2在本地搭建前后端分离项目.重点:跨域当前环境:1,Vite搭建的Vue前端项目(也就是Vue3了).2,Koa2搭建的后端项目.

Leo_DLi·2024-01-15 12:53

前端工程化回顾-vite 构建神器

1.构建vite项目pnpmcreatevite2.常用的配置：1.公共资源路径配置：base:'./',默认是/2.路径别名配置：resolve:{alias:{'@':path.resolve(__

江南一舟110·2024-01-15 12:35

vite jwt

JWT全称JSONWebToken，是一种为网络应用环境间传递声明而执行的基于JSON的开发标准（RFC7519）。实现页面刷新时判断JWT是否存在或过期跨域认证JWT是目前最流行的跨域认证解决方案用户认证的普通流程客户端向服务器发送账户和密码服务端验证后在当前会话中保存相关数据，比如角色、登录时间等。服务器向客户端返回一个session_id并写入客户端Cookie客户端后续每次请求前先从Coo

JunChow520·2024-01-15 10:40

playwright

安装：pnpmcreateplaywright@latest浏览器内核：chromiumfirefoxwebkit创建一个vite+vue3的项目pnpmcreatevite按照playwrightpnpmcreateplaywright

baidu_41921865·2024-01-15 09:39

如何判断 vite 的运行环境是开发模式还是生产模式 production？ development？

如何判断vite的运行环境是开发模式还是生产模式production？development？

十月ooOO·2024-01-15 07:44

缓存机制

之前在学vite时，vite开发模式基于esbuild，现代浏览器都已经原生支持esbuild，只要使用支持esm的浏览器开发，vite会将源码模块的请求会根据304NotModified进行协商缓存，

buffonme·2024-01-15 04:40

vue3+threejs可视化项目——搭建vue3+ts+antd路由布局（第一步）

yma16·2024-01-14 20:40

使用vite创建vue3项目

1、使用管理员身份打开命令行窗口，输入命令:npmcreatevue@latestTypeScript语法选择是，其他依次选择否，创建完毕。2、创建完毕后打开项目，vscode会提示安装开发相关的插件，选择install3、打开vscode终端，输入npmi安装程序所需要的依赖包安装完毕后打开下述文件不会报错了，该文件是为了引入ts能辨别相关文件4、上述完成后，输入npmrundev可启动项目

毎天要喝八杯水·2024-01-14 18:34

Vite热更新失效

总结如果时刷新页面时候会更新，可以确认一下vite.config.js内有无配置server:{hmr:true}，true为热更新，false为不热更新。

OooooYi·2024-01-14 16:44

Vue3 移动端自适应方案postcss-px-to-viewport

我的环境依赖名版本pnpm8.14.0Node16.20.1Vue3.3Vite5.0.8一、安装[email protected]二、配置

HaushoLin·2024-01-14 15:06

【Threejs】代码+图文带你快速上手

个人主页：南木元元在上篇文章中，我们已经介绍了three.js，并使用vite搭建了three.js的开发环境，实现了第一个3D场景。

南木元元·2024-01-14 14:49

推荐频道

vite微前端