vite微前端

微前端框架

一、single-spa前端微服务的javascript框架https://zh-hans.single-spa.js.org/框架自由在单页应用程序中使用多个框架，从而使您可以按功能拆分代码，并使Angular，React，Vue.js等应用程序和谐共处。延迟加载应用在旧应用程序旁边站起来。您编写应用程序后，单spa使它们可以协同工作，并且在需要它们之前不会加载它们。前端微服务结合许多小型应用程
承诺一时的华丽·2024-01-19 15:57

前端vue项目 存在 vite 如果需要打包成win和mac端 .exe文件的方法 用代码实现

要将使用Vite构建的Vue.js项目打包为Windows和macOS平台的可执行文件，可以使用electron-builder进行打包。
曲江涛·2024-01-19 13:40

Unocss(原子化css) 使用及vue3 + vite + ts讲解

Unocss简单使用首先初始化一个vite项目使用pnpm安装1pnpmcreateviteunocss-demo----templatevue-ts使用npm安装1npminitvite@latestmy-vue-app
sinat_40572875·2024-01-19 13:04

【前端框架】Vue3合集

一、Vue3初识1、create-vuecreate-vue是Vue官方新的脚手架工具，底层切换到了vite（下一代前端工具链），为开发提供极速响应前置条件：16.0或更高版本的Node.js安装并执行
wmh1024·2024-01-19 11:09

vue3的创建及认识

1、创建项目使用creat-vue搭建vue3项目2、认识creat-vuecreate-vue是Vue官方新的脚手架工具，底层切换到了vite（下一代前端工具链），为开发提供极速响应3、创建create-vue
香香爱编程·2024-01-19 10:06

vite vue3项目打包如何跳过ts检查并进行打包

vitevue3项目打包如何跳过ts检查并进行打包将vue-tsc打包检查命令干掉{"name":"data-service2.0","type":"module","version":"1.0.0-beta.3","packageManager":"[email protected]","author":"aibayanyu","repository":"antdv-pro/antdv-pro","scri
Shero.李建业·2024-01-19 10:51

Vue3 + Vite 打包优化及配置

Vue3+Vite搭建企业级开发脚手架【目录篇】Vue3Element-PlusJson配置一站式生成动态表单CSS工程化配置我们刚接触前端时候，提到前端样式，首先会想到的就是原生CSS；随着技术的迭代更新
qq_30379395·2024-01-19 10:46

前端构建工具对比 webpack、vite、esbuild等

人类和动物最大的区别是会使用工具，工具的作用就是提升我们的生产效率，同样，随着前端工程化的演进，伴随着一些优秀的工程化的生产效率工具，今天就来聊一聊，前端工程中的构建工具。前端构建工具按照功能可以分为如下两大类：转译-将高级语法转换为低级的语法结构，把浏览器不能识别的文件，转换成浏览器能识别的文件；打包-将项目中的更重资源文件（如html，css，json等文件）打包压缩优化成想要的结果。打包工具
爱问的艾文·2024-01-19 09:27

vue3 知识

vue2的写法2、拥抱TypeScript，ts完全兼容js3、组合式API和配置项APIvue2是配置项apivue3组合式apivue3项目创建和启动#创建vue3项目：vue-cli官方不太建议用了vite
糖果爱上我·2024-01-19 00:59

electron+vite+vue3 快速入门教程

2.渲染进程3.预加载脚本4.进程通信4.1send+on（单向）4.2invoke+handle(双向)4.3主进程向渲染进程发送事件三、窗口创建与应用事件四、技术栈和构建工具五、electron-vite
pixle0·2024-01-18 22:33

nuxt3引入Ant Design Vue4.0.8版本报错 500 [vite-node] [ERR_LOAD_URL] ant-design-vue/dist/antd.css

引入全流程下载npmi--saveant-design-vue配置新建/plugins/xx.ts插件文件importAntdfrom"ant-design-vue";exportdefaultdefineNuxtPlugin((nuxtApp)=>{nuxtApp.vueApp.use(Antd)})nuxt.config.ts中引入cssexportdefaultdefineNuxtConfi
躺平阿福·2024-01-18 22:52

如何使用rollup打包编译electron主进程代码

匹夫之身，或无青云之志，唯所立三尺之地，尽是拳拳赤心，位卑未敢忘忧国正文开始前言一、为什么选择rollup二、为什么不在vite中使用rollup插件三、package.json命令讲解四、build.j
中二少年学编程·2024-01-18 20:07

vue3.0的学习

vue--version##安装或者升级你的@vue/clinpminstall-g@vue/cli##创建vuecreatevue_test##启动cdvue_testnpmrunserve2.使用vite
未成年梦想·2024-01-18 20:05

vue2+webpack升级vue3+vite，报错Cannot read properties of null (reading ‘isCE‘)

正文开始前言问题分析解决总结前言系列文章：vue2+webpack升级vue3+vite，修改插件兼容性bug前面的文章主要是介绍，在升级初始阶段遇到的一些显而易见的兼容性问题和bug。
中二少年学编程·2024-01-18 20:03

vue3+vite+ts+pinia 后台管理项目总结

前言近期准备面试中，觉得项目经验这里还需要再次总结，也参考了很多jym的文章，在这里如果发现有引用且介意，请联系我VUE3+VITE+TS项目中的要点使用vue3+vite+ts构建项目基础框架，配置代码运行环境
子伟-H5·2024-01-18 17:15

使用 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
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他