vite微前端

切换node.js不同版本

切换node.js不同版本因新项目用到vite4创建项目，输入命令后报错，经查询得知是node版本过低导致，所以需要升级node版本，但是又有老的项目需要维护，因此需要多个版本的node使用需求。
joan_85·2024-01-05 09:40

vue3中集成sass实现全局scss样式变量

一、安装sassnpmisass二，在style/variable.scss创建一个variable.scss文件//给项目提供的scss全局变量$mycolor:red;三、在vite.config.ts
EntyIU·2024-01-05 08:01

Vue3中配置env环境变量

就很麻烦，这个时候，就可以提前编写好每个人或者每个后端对应的环境文件，启动的时候指定对应的文件即可这里以开发环境和生产环境为例首先定义两个env文件，格式为，.env.环境名，里边的内容格式为#变量必须以VITE
EntyIU·2024-01-05 08:53

vue3 vite动态路由的问题

因为to.matched未配到路由导致，vue-router.mjs:35[VueRouterwarn]:Nomatchfoundforlocationwithpath"/basedata/psiIntialCustomer/add"加下面的代码，是解决不了问题，因为它只是转向了404页面。constroutes_404={path:"/:pathMatch(.*)*",hidden:true,c
warrah·2024-01-05 04:20

5种呼吸练习让你快速入睡

madame.lefigaro.fr/bien-etre/stress-insomnie-exercices-de-respiration-de-sophrologue-pour-sendormir-plus-vite
小小小桐爸爸·2024-01-05 01:23

史上最全的前端axios和后端跨域配置处理-许锅锅啊

文章目录史上最全的前端axios和后端跨域配置处理安装axios【https://www.axios-http.cn/】封装一个基本的请求js创建remote.ts或者其他文件名使用Vite解决跨域问题解决问题在工程文件夹的根目录新建一个
许锅锅啊·2024-01-04 21:39

vite框架 ssr模型下 设置import.meta.env.MODE参数

ChatGPT（3.5/4.0）国内镜像：https://www.atalk-ai.com/在使用Vite进行服务器端渲染（SSR）时，你可能需要获取当前环境模式（例如开发模式或生产模式）。
ATalk机器人·2024-01-04 19:37

2024新flag

2023flag倒了，2024重新立起来java持续学习，尤其是Springcloud，可以独立写一个Springboot程序数据库，clickhouse，并创建新的日志系统VUE3+TS学习，微前端框架三维
南山老沙·2024-01-04 19:58

vue3 + TS + vite 搭建中后台管理系统（完整项目）

vue3+TS+vite搭建中后台管理系统（完整项目）前言1、搭建步骤及方法2、集成多种插件功能，实现中后台按需使用3、新手学TS如何快速进入状态、定义TS类型4、layout搭建四款常见风格6、大屏搭建效果
前端早间课·2024-01-04 17:31

如何搭建中后台管理系统

vue3+TS+vite搭建中后台管理系统前言1、搭建步骤及方法2、集成多种插件功能，实现中后台按需使用3、新手学TS如何快速进入状态、定义TS类型4、layout搭建四款常见风格6、大屏搭建效果5、vue3
前端早间课·2024-01-04 17:28

react-virtualized报bpfrpt_proptype_WindowScroller引入错误

背景vite构建阶段react-virtualized报错报错信息✘[ERROR]Nomatchingexportin"node_modules/[email protected]@react-virtualized
清羽_ls·2024-01-04 14:07

【Electron】快速建立Vue3+Vite+Electron Ts项目

githttps://github.com/electron-vite/electron-vite-vue创建项目npmcreateelectron-viteorpnpmcreateelectron-vite
春暖花开.,·2024-01-04 09:28

vue3+ts错误：找不到模块“./App.vue”或其相应的类型声明。ts(2307)

ts(2307)解决方法：1、在src文件夹找到vite-env.d.ts加入以下代码：declaremodule"*.vue"{ importtype{DefineComponent}from"vue
春暖花开.,·2024-01-04 09:58

nuxt3 env文件、全局变量处理

nuxt.config.ts+Nuxt提供的钩子函数，实现全局变量的获取runtimeconfigenv文件往runtimeconfig放入内容useAppConfig通过env文件配置来获取服务端全局变量，客户端通过vite.define
寻ing·2024-01-04 09:57

【Electron】Vite+Ts 项目内配置路径别名 “@/“

如果你在Vite项目内使用绝对路径"@/"出现这样报错[plugin:vite:import-analysis]Failedtoresolveimport"@/components/HelloWorld.vue"from"src
春暖花开.,·2024-01-04 09:23

浅了解一下『微前端』

1什么是微前端微前端的核心理念是将前端应用程序看作是一个整体，由多个独立的部分组成。每个部分被视为一个微前端应用，它们可以具有自己的技术栈、开发流程和团队组织。
Xxxxxl17·2024-01-03 22:37

vue3项目创建

安装node.jsvue--version（4.5.0以上）npminstall-g@vue/clivuecreate项目名称npmrundev启动npmrunbuild打包————————vite创建工程
20岁30年经验的码农·2024-01-03 22:00

vite(rollup) build.sourcemap overtime

最近接手一个项目，GitHubActionsCI过程非常慢，影响发布验收流程。一开始以为是资源镜像失败的下载耗时，仔细一看日志，发现卡在了这一步：image-20230203110814100.png生成760个文件的sourcemap耗时15minAddingsourcemapreferences于是把生产环境的构建配置改了，先解决问题（毕竟GithubAction按每分钟费率计费）：build
郑小明·2024-01-03 21:56

Vue3 watch 的使用，如何监听一个对象中的属性值的变化 vue3 + ts + vite

Vue3watch的使用，如何监听一个对象中的属性值的变化由vue2转到vue3+ts+vite之后都不会写这些玩意了。
十月ooOO·2024-01-03 16:24

SVG 文件的引入方式之一：以 URL 的方式引入 SVG 文件，vue2、vue3+Vite vite-svg-loader

SVG文件的引入方式之一：以URL的方式引入SVG文件，vue2、vue3+Vitevite-svg-loader〇、前言：本篇将介绍：vue2使用require()引入svg使用vue3+ts+vite
十月ooOO·2024-01-03 14:01

前端面试--moka

vite为什么比webpack快？webpack把所有文件build一次，从入口文件进去，将所有文件编译为一个或多个单独的js文件，无论模块是否执行，都要编译和打包到这个bundler里面。
L北杳·2024-01-03 13:52

vite 打包二级目录记录

配置首先放一个简单粗暴的方法使用HashRouter，缺点就是路由会带#使用BrowserRouter时需要进行下面配置1、package配置{...other,"homepage":"/web"}2、vite.config
marconiho·2024-01-03 07:12

项目中接入神策埋点

项目中接入神策埋点（免费），react和vue通用1、下包使用npm或yarn或pnpm安装依赖npminstall--savesa-sdk-javascript2、初始化准备：定义环境变量VITE_PROJECT_ENV
阳光下的小蒙·2024-01-03 06:13

vue3+vite 项目常用库

特别注意：需要使用管理员权限来打开命令提示符，不然会出现各种报错yarnnpminstall-gyarnvite1.使用vite创建项目yarncreatevite2.安装包和运行yarnyarndev3
班长胡一可·2024-01-02 22:21

vite4加react18加ts-路由篇

vite4加react18加ts-安装篇；最近从vue3转型学习了，react相关技术架构，去有意识的去学习了相关东西，内容比较实用，没有引入太多原理和概念，就是最直接最实用的记录下来；安装reat-router-domnpminstallreat-router-dom
web前端进阶者·2024-01-02 17:37

vite4加react18加ts-状态管理篇

vite4加react18加ts-安装篇；最近从vue3转型学习了，react相关技术架构，去有意识的去学习了相关东西，内容比较实用，没有引入太多原理和概念，就是最直接最实用的记录下来；安装npminstall
web前端进阶者·2024-01-02 17:37

vite4加react18加ts-样式隔离篇

vite4加react18加ts-安装篇；最近从vue3转型学习了，react相关技术架构，去有意识的去学习了相关东西，内容比较实用，没有引入太多原理和概念，就是最直接最实用的记录下来；方案一：module
web前端进阶者·2024-01-02 17:37

vite4加react18加ts-路由缓存方案篇

vite4加react18加ts-安装篇；最近从vue3转型学习了，react相关技术架构，去有意识的去学习了相关东西，内容比较实用，没有引入太多原理和概念，就是最直接最实用的记录下来；GitHbuhttps
web前端进阶者·2024-01-02 17:02

Vite 配置 Eslint 规范代码

在经历过比较大型的项目协同开发后，代码规范成为了团队协同开发的棘手问题。今天，准备从头整理一份从编辑器->代码编写过程中的规范总结。一、代码风格统一这里推荐使用EditorConfig配置，来规范不同的编辑器，不同的编辑器配置，所造成的代码风格不一致问题。项目根目录创建.editorconfig配置文件#表示是最顶层的EditorConfig配置文件root=true[*]#表示所有文件适用cha
前端小小白zyw·2024-01-02 04:43

2023-09-22 项目升级准备会议

微前端主要解决了两个问题：1、随着项目迭代应用越来越庞大，难以维护。2、跨团队或跨部门协作开发项目导致效率低下的问题。
henrypt·2024-01-02 02:50

新手小白：一文带你用vite从零搭建企业级开发环境

开始接触了前端开发，技术栈主要用的是vue2，但是自己利用时间也学习了vue3，组合式api和vue3的各种生态比vue2好用太多了，特别是状态管理库pinia比vuex简介很多，构建工具也从vue-cli变成了vite
九号新秀·2024-01-01 17:09

（vue3.x+vite）接入代码编辑器codemirror

前端技术社区总目录（订阅之前必须查看该博客）效果预览1：安装依赖npmivue-codemirrornpmi@codemirror/theme-one-darknpmi@codemirror/lang-javascript2：编写代码
GIS之家家长·2024-01-01 14:01

几种微前端方案探究

前言随着技术的发展，前端应用承载的内容也日益复杂，基于此而产生的各种问题也应运而生，从MPA（Multi-PageApplication，多页应用）到SPA（Single-PageApplication，单页应用），虽然解决了切换体验的延迟问题，但也带来了首次加载时间长，以及工程爆炸增长后带来的巨石应用（Monolithic）问题；对于MPA来说，其部署简单，各应用之间天然硬隔离，并且具备技术栈无
维李设论·2024-01-01 13:44

Vue学习计划-Vue3--初识Vue3，vite创建Vue3项目

1.Vue3简介性能的提升打包大小减少41%初次渲染快55%，更新渲染快133%内存减少54%源码的升级使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Shaking拥抱TypeScriptVue3可以更好的支持TypeScript新的特性CompositionApi(组合Api)setupref和reactivecomputed与watch…新的内置组件：
化作繁星·2024-01-01 01:20

使用react+vite开发项目时候，部署上线后刷新页面无法访问解决办法

说一下我这边的环境和使用的路由模式：vite+react+BrowserRouter路由模式，所以如果你和我一样的话，可以试试我的这种解决办法，我是将项目打包后直接丢到服务器上的目录里面，然后配置nginx
1024小神·2024-01-01 00:49

使用vite创建单页应用

vite是vue官方提供另外一种快速创建工程化的SPA项目的方式(一共有两种方式)基于vite创建SPA项目基于vue-cli创建SPA项目创建vite的项目`npminitvite-app项目名称cd
beizi·2023-12-31 21:51

常用的几种包管理器 npm yarn cnpm pnpm 安装

npm其实是Node.js的包管理工具（packagemanager），网址：npm|Home例如（layui包）：layui-npm(npmjs.com)常用操作：PSD:\Code2024\vue-vite
PieroPc·2023-12-31 21:27

vite+react+antd-mobile实现类似react-app-rewired的按需加载

步骤开发环境安装依赖yarnadd-Dvite-plugin-babel-import修改vite.config.jsimportvitePluginImportfrom'vite-plugin-babel-import
daoke_li·2023-12-31 16:49

SkyWalking UI 修改发布Nginx

文章目录SkyWalkingUI修改图标修改路由发布到Nginx添加认证修改路由模式vite.config.ts添加baseNginx配置SkyWalkingUIskywalking-booster-ui
ZeroKoop·2023-12-31 14:40

前端构建工具 | Vite与webpack的主要区别

Webpack和Vite是两个常用的前端构建工具，它们在设计理念和实现方式上存在一些区别。
儒雅的烤地瓜·2023-12-31 14:37

vite 创建vue3项目 （vue-router、vuex、scss、环境变量、selint、stylelint、normalize.css）

目录一.创建基础vue项目二.安装vue-router三.设置路径别名@四.vuex五.SCSS六.环境变量七.eslint八.stylelint九.normalize.css一.创建基础vue项目npminitvite----templatevue选择vue->vue-ts进入目录运行npmruninstall与npmrundev便可运行二.安装vue-routernpminstallvue-r
该用户已成仙·2023-12-31 06:30

前端八股文（工程化篇）

6.如何提高webpack的打包速度7.vite比webpack快在哪里8.说一下你对Monorepo的理解9.如何减少打包后的代码体积10.Webpack的TreeShaking原理1.常用的git
前端VC·2023-12-30 22:56

CAMPUS 校园伙伴匹配系统完结啦

SUPER速配-伙伴匹配系统CAMPUS校园伙伴匹配系统项目介绍校园伙伴匹配（CAMPUS伙伴），一个前后端分离的用户匹配系统，前端使用Vite+Vue3+Vant4，后端使用SpringBoot+MyBatis-Plus
猫十二懿·2023-12-30 21:02

2021-04-26 single-spa-vue 微前端初实践

SingleSpa-VueCli-微前端落地方案创建项目parent-vue和child-vue两个项目vuecreateparent-vuevuecreatechild-vueparent-Vue安装依赖
FConfidence·2023-12-30 20:09

vue3项目中使用vite-plugin-svg-icons插件

参考官网插件安装yarnaddvite-plugin-svg-icons-D#ornpmivite-plugin-svg-icons-D#orpnpminstallvite-plugin-svg-icons-D在vite.config.ts
Eleven....·2023-12-30 18:23

vite 简要配置

1配置路径处理模块安装ts的类型声明文件pnpmi@types/node-D通过配置alias来定义路径的别名resolve:{alias:{'@':fileURLToPath(newURL('./src',import.meta.url)),},},2分别打包css,js，imagebuild:{rollupOptions:{output:{//chunk文件名chunkFileNames:'a
无心使然云中漫步·2023-12-30 11:45

Electron Vue3 Typescript Vite使用typeorm操作SQLite

1，安装typeorm和sqlite3:npminstalltypeormnpminstallsqlite32,新建一个文件data-source.ts。import{DataSource}from'typeorm';import{User}from'../entity/User';import*aspathfrom'path';import{ItemData}from'../entity/Ite
靓仔建·2023-12-30 11:33

vite-ts-vue3笔记

vitenpmcreatevite@latestnpmrundev开始预览时使用模块是esmodule打包生产环境使用rollupwebpack基于nodevite基于原生module和rollupvite的基础配置根目录下的vite.config.jsimport
苦逼的猿宝·2023-12-30 10:28

Vue3自定义指令与Composition API实现动态权限控制

考虑到Vue3带来的显著性能提升、更严谨的类型系统（通过TypeScript集成）以及其强大的状态管理工具——Vuex4等优势，我们果断选择了Vue3作为前端主框架，并结合Vite进行快速开发
晚风914·2023-12-30 09:54

vue中使用cesium方法总结

最近做的毕设用到了cesium，这里给大家总结一下vue如何结合cesium首先确定你使用的脚手架，vue-cli还是vite插件|Vite官方中文文档(vitejs.dev)如果是vite，那么只需要在官方文档中找到社区插件
小马大咖·2023-12-30 07:42
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他