E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
Vite
开发 Chrome 浏览器插件时进行 Vue3+
Vite
多页面多入口配置
使用
Vite
开发Chrome插件时,构建多页面以及多js文件因为发现
Vite
多页面构建有很多分歧以及问题点,所以我把我在Chrome插件开发上面使用到的
Vite
多页面以及多入口文件构建配置单独拿出来开发
gqkmiss
·
2024-01-26 19:37
前端
Chrome
vue
前端
Vite
多页面配置
Chrome
插件
Vue3
rollupOptions
entryFileNames
vue3 +
vite
动态引入图片以及本地正常展示,线上部署不正常显示的解决方法
方案一使用import引入importimgUrlfrom'./img.png'document.getElementById('hero-img').src=imgUrl方案二使用newURL//../assets/imgs为图片公共路径exportfunctiongetAssetsFile(url:string){returnnewURL(`../assets/imgs/${url}`,imp
奶昔不会射手
·
2024-01-26 18:46
前端
vue
vue3 页面长时间不使用,再次点击页面切换路由 操作无效报错
问题描述:使用
Vite
打包构建的项目,重新部署到生产。在部署期间用户一直停留在当前项目页面(长时间无操作半个小时+),部署完成后点击页面上的路由,报错!刷新后恢复正常。
红烧咸咸鱼
·
2024-01-26 16:27
vue
vue.js
前端
javascript
路由报错
dynamically
[
vite
] http proxy error at /graphq
[
vite
]httpproxyerrorat/graphq检查地址就可以了,比如是否http://缺少缺少斜杠少http:/之类
道甚夷
·
2024-01-26 12:47
vue
Two output files share the same path but have different contents
vue3+viteX[ERROR]Twooutputfilessharethesamepathbuthavedifferentcontents:node_modules\.
vite
\deps_temp\
前端专业写bug
·
2024-01-26 10:36
javascript
前端
vue.js
【
Vite
+Vue3+TS】基于
Vite
+Vue3+TypeScript+ESLint+Prettier+Stylelint搭建项目(亲测超详细)
目录项目搭建步骤确定node版本使用
Vite
创建Vue3项目规范目录结构配置环境修改
Vite
配置文件集成路由工具VueRouter集成状态管理工具Pinia集成CSS预编译器Sasssvg图标组件集成UI
aDiaoYa_
·
2024-01-26 08:07
Vue
typescript
前端
Vue3
Vite
ESlint
Prettier
Vue 3 +
Vite
+ SSR
前段时间要开发新项目,索性自己搭建SSR服务,从
vite
的ssr示例里抄了些代码,然后根据自己的想法一点点优
苦行虚空
·
2024-01-26 07:47
vue
vue
seo
服务器
vue.js
Vue3+
Vite
使用Puppeteer进行SEO优化(SSR+Meta)
1.背景【笑小枫】https://www.xiaoxiaofeng.com上线啦资源持续整合中,程序员必备网站,快点前往围观吧~我的个人博客【笑小枫】又一次版本大升级,虽然知道没有多少访问量,但我还是整天没事瞎折腾。因为一些功能在Halo上不太好实现,所以又切回了Vue3项目,本文就是对于Vue单页面项目SEO优化的一个简单的完整方案。此次优化的最大好处,就是SSR时对已有的vue项目0侵入,不需
笑小枫
·
2024-01-26 07:12
前端-与你青梅竹马
vue.js
经验分享
使用uniApp+vue3+
Vite
4+pinia+sass技术栈构建微信小程序
不用再单独去下载HBuilderX.1.基础安装vue3+ts+uniapp方法一:npxdegitdcloudio/uni-preset-vue#
vite
-tsmy-vue3-project方法二:可以去
你离优秀差多少
·
2024-01-26 07:18
微信小程序
uni-app
sass
微信小程序
【跨域·配置代理】
:协议、域名、端口号不同请求,称之为跨域如果不能更改服务器,用代理如果能改,浏览器支持CORS用CORS,不支持用JSOPNJSOPN发送不了post请求传统方法:JAOPN,CROS,代理代理:配置
vite
久靥_
·
2024-01-26 04:46
后台管理项目笔记
vue.js
前端
TypeScript使用@来映射文件路径解决找不到模块“@/xxx”或其相应的类型声明的问题
TypeScript使用@来映射文件路径解决找不到模块“@/xxx”或其相应的类型声明的问题环境:Vue3+
Vite
+ts想便捷引用自定义模块由于在script中使用import{login}from"
不吃水果的太空人
·
2024-01-26 01:42
前端
typescript
javascript
前端
vue3
vite
使用postcss-px-to-viewport 实现页面自适应
一、什么是postcss-px-to-viewport?postcss-px-to-viewport是一个PostCSS插件,它可以将px单位转换为视口单位(vw、vh或vmin)。视口单位是相对于视口尺寸来计算的长度单位,而不是相对于父元素或根元素。这意味着使用视口单位进行布局和样式设置时,元素会随着屏幕尺寸的变化而自适应。二、为什么要使用postcss-px-to-viewport?在移动端开
前端小趴菜05
·
2024-01-25 18:03
vue.js
javascript
postcss
vue使用
vite
工具编译,一个极不好友好的错误提示
yarnbuild时提示如下错识errorduringbuild:Error:[
vite
]:Rollupfailedtoresolveimport"..."
youwen21
·
2024-01-25 16:35
vue.js
javascript
前端
vue3使用特殊字符@、~代替路径src
在
vite
.config.js中引入import{resolve}from'path'exportdefaultdefineConfig({resolve:{alias:{'~':resolve(__dirname
samate6666
·
2024-01-25 15:25
javascript
前端
vue.js
vue3使用特殊字符@、~代替路径src
在
vite
.config.js中引入import{resolve}from'path'exportdefaultdefineConfig({resolve:{alias:{'~':resolve(__dirname
又是取名的一天
·
2024-01-25 15:52
vue.js
前端
javascript
Vite
和Webpack的区别是什么
一.区别构建速度:
Vite
使用原生ES模块进行开发,不需要像Webpack那样在编译时将所有代码转换为JS进行打包,因此它的构建速度通常比Webpack快。
小吴吴吴呀
·
2024-01-25 14:04
webpack
前端
node.js
简单实现
Vite
热更新
热更新(HRMHotModuleReload)热更新(hmr)全称HotModuleReload,常常在构建工具里面出现。在我们开发时候修改代码后页面会立即自动更新。这是怎么做到的呢?现在我们通过一行一行代码来动手操作,构建一个最简单的热更新。问题是我们怎么做到文件变动到页面自动响应更新呢?首先我们把整个过程分成3步:监听文件变动读取文件内容通知浏览器更新页面写出伪代码://serverwatch
背太阳的牧羊人
·
2024-01-25 14:21
vite
vite模块热更新简单原理
模块热更新原理
模块热更新简单实现
【vue3-pbstar-admin】一款基于vue3和nodejs的简洁后台管理系统
该方案结合了Vue3、Element-Plus、Pinia和
Vite
等先进技术,实现高效的页面布局、状态管理和构建体验。
初辰ge
·
2024-01-25 12:06
nodejs
vue
MySQL
node.js
vue.js
elementui
express
vite
初体验
创建
vite
项目运行npmcreatevite@latest此时可能会抱缺少包,根据提示执行即可然后输入项目名称和技术栈:根据提示操作完成后的项目目录:遇见的问题1、执行npminstall后报错找不到模块解决
YUJIAN。
·
2024-01-25 11:11
vue
vue.js
前端
使用Sass在Vue 3 +
Vite
项目中实现样式编写与全局抽取
简介:在Vue3+
Vite
项目中,使用Sass预处理器可以极大地提升样式编写的效率和可维护性。本篇博客将介绍如何在Vue3+
Vite
项目中使用Sass语法编写样式,以及如何将Sass样式抽取到全局中。
A丶尘土
·
2024-01-25 08:28
vue3
sass
VUE
vue.js
sass
javascript
使用
vite
build 后移动 index.html 到后端目录中
/think/view/wxmp/home_index.html",//移动index.html到指定位置}
vite
.config.jsbase:'/static/wxmp',//修改静态资源路径build
zhaojjjjjj163
·
2024-01-25 07:16
html
前端
vue3 自动引入 ref reactive...
npmiunplugin-auto-import-Dvite.config.jsimport{defineConfig}from'
vite
';importvuefrom'@vitejs/plugin-vue
zhaojjjjjj163
·
2024-01-25 07:34
vue.js
vite
打包后线上环境打开白屏,控制台显示SyntaxError: Unexpected token ‘.‘问题
1.在
vite
.config.js中添加exportdefaultdeFineConfig({............target:['chrome52','esnext'],cssTarget:['chrome52
前端小葛
·
2024-01-25 06:45
前端
javascript
html
Vue3快速入门
【基于
vite
创建】(推荐)2.3.【一个简单的效果】3.Vue3核心语法3.1.
gengduc
·
2024-01-25 06:38
Vue
vue
typescript
pinia
elementui
了解
vite
一.
vite
介绍官网:
Vite
中文网首先要明白一点就是,
vite
无法取代webpack,它们各有所长,面向的客户与群体也是分明的,双方都有相对应的优势,我们所要明白的就是在哪种情况下,选择最适合的打包工具
隔窗看世界
·
2024-01-25 05:21
前端
前端框架
前端
Vite
学习(四) -
vite
插件预学习
vite
插件需要兼容rollup和esbuild的插件机制,虽然
vite
兼容大部分rollup插件,但不是所有钩子都支持,本小节介绍下
vite
中的钩子及插件开发流程。
weixin_41364787
·
2024-01-25 05:51
与前端沾边
前端
webpack
javascript
初步了解
Vite
前端更新速度快,
Vite
构建工具也不能不知道,这是我自己查阅资料,稍微了解了下
Vite
,如有不对,欢迎大家指出,加油!
*neverGiveUp*
·
2024-01-25 05:50
学习笔记
javascript
前端
webpack
Vite
源码解读系列(图文结合) —— 插件篇
哈喽,很高兴你能点开这篇博客,本博客是针对
Vite
源码的解读系列文章,认真看完后相信你能对
Vite
的工作流程及原理有一个简单的了解。
Vite
是一种新型的前端构建工具,能够显著提升前端开发体验。
晒兜斯
·
2024-01-25 05:20
前端成长之路
前端
vue.js
chrome浏览器插件热更新
vite
实战
热更新,又名模块热替换:HotModuleReplacement,简称HMR,无需完全刷新整个页面的同时,更新模块。HMR主要用于提升开发体验。页面的刷新有多种情况:页面级别的刷新,简单粗暴,但是不保留页面状态。即:window.location.reload(),刀耕火种时代的页面更新都是采用这种方法,写完代码之后页面并不能及时看到效果。需要手动刷新页面,或者触发reload。后来webpack
Manggoo
·
2024-01-25 05:50
chrome
javascript
webpack
你还不会写
vite
插件吗?没关系,我教你啊!
前言大家好,我是易师傅,在现如今
vite
工具快开始盛行之下,我们是不是可以去做一件有意义的事呢,比如写一个
vite
插件,你觉得怎么样?
前端瓶子君
·
2024-01-25 05:49
java
vue
python
js
react
了解
Vite
插件
众所周知
Vite
是基于Rollup的构建工具,
Vite
插件为了优化、扩展项目构建系统功能的工具。比如
vite
-plugin-eslint为我们提供了代码分析的功能,帮助我们在开发过程中的风格一致性。
不二博客
·
2024-01-25 05:49
Vite
vuejs
从0开始手写实现Vue3初始化流程
Vue3初始化流程在手写实现之前,我们首先来看看Vue3的初始化流程,为了方便观察,这里直接构建一个Vue3项目创建Vue3项目官方提供了多种构建方式,我这里选择使用
vite
,如下:$npminitvite-appmini-vue3
深度剖析JavaScript
·
2024-01-25 05:11
前端工程化之 webpack <一>
一、Webpack和打包过程编写的代码==》经过打包工具(glup、rollup、webpack、
vite
)本身也是js代码,读取文件操作的,依赖于node环境==》普通的html、css、javascript
原来是有理数
·
2024-01-24 21:21
前端
webpack
node.js
打包工具
前端工程化
naive 路由使用 loadingBar 进度条
less”:“^4.1.3”,“less-loader”:“^11.1.3”,“naive-ui”:“^2.34.4”,“pinia”:“^2.1.4”,“typescript”:“^5.1.6”,“
vite
宿命小人
·
2024-01-24 17:58
vue.js
ecmascript
vue Pinia 全局主题切换
文章目录vuePinia全局主题切换基本环境结果展示过程解析vuePinia全局主题切换目的:实现单页面上切换主题,例如关灯或开灯;环境:vue3.0+
vite
+Pinia基本环境//tsconfig.json
宿命小人
·
2024-01-24 17:28
vue.js
前端
使用Electron打包vue文件变成exe应用程序
文章目录一、下载Electron二、修改下载的Electron项目1.修改index.html文件2.修改main.js文件3.修改package.json文件三、修改vue项目1.修改
vite
.config.js
Abenazhan
·
2024-01-24 06:18
VUE
electron
vue.js
javascript
vue3组合式API小结
2、组合式API,我们可以使用导入的API函数来描述组件逻辑创建vue3项目node本版:node16.x.x,脚手架:create-vue脚手架工具,底层
vite
创建vue3项目:npminit
chunchun_H
·
2024-01-24 06:00
javascript
前端
vue.js
Vue3+
Vite
利用postcss-pxtorem移动端适配
1.介绍postcss-pxtorem是PostCSS的插件,用于将像素单元生成rem单位。前端开发还原设计稿的重要性毋庸置疑,目前应用的单位最多还是rem,然而每次在制作过程中需要自己计算rem值,为了能够直接按照设计图的尺寸开发,并且能自动编译转换成rem,下面就来分享下postcss-pxtorem的使用。介绍amfe-flexibleamfe-flexible是配置可伸缩布局方案,主要是将
哒哒哒Q
·
2024-01-23 21:56
postcss
vue.js
前端
vue3+
vite
封装axios请求
vue3+
vite
封装axios请求安装axios创建axios实例封装请求方式封装请求接口vue中调用安装axiosnpminstallaxios创建axios实例//http/index.jsimportaxiosfrom'axios'import
小李不小
·
2024-01-23 21:28
微前端(wujie)使用手册
能够完善的解决适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、
vite
框架支持、应用共享等问题。
StoneHui
·
2024-01-23 12:54
在
vite
.config.js 配置代理
在
Vite
中,你可以使用proxy选项在
vite
.config.js文件中配置代理。这可以让你在开发时将特定的请求代理到其他服务器或本地端口,而不需要修改源代码。
无妄的罪
·
2024-01-23 10:42
javascript
开发语言
ecmascript
yarn安装及使用
目录前言一、yarn安装选择二、使用步骤1.下载引导工具2.检测是否安装成功三.浅试yarn命令1.安装
vite
总结前言一直在用npm的朋友对npm的速度慢肯定深有体会,facebook提供yarn来解决这一问题
DW14687
·
2024-01-23 06:54
碎碎记
python
开发语言
Vue3新特性defineModel()便捷的双向绑定数据
配置:
vite
.config.js使用场景和案例使用场景:父子组件的数据双向绑定,不用emit和props的繁重代码具体案例代码实现父组件//子组件constshowDevice=ref(false)/
珊珊而川
·
2024-01-23 05:34
vue.js
前端
tsconfig.json配置详解
使用
vite
创建vue3项目中会自动生成三个tsconfig相关的文件,分别是:tsconfig.json、tsconfig.node.json、tsconfig.app.json。
菊の物语
·
2024-01-23 03:02
json
javascript
前端
vite
初始化tailwind(ts)
tailwind依赖根据官网提示,tailwind需要搭配postcss和autoprefixernpminstall-Dtailwindcsspostcssautoprefixer引入tailwind配置根据官网的简易生成所需文件命令npxtailwindcssinit-p之后你的项目根目录下就有tailwind.config.js和postcss.config.js配置文件。ps:以下为强迫症
秋色暮光
·
2024-01-23 03:51
笔记
前端
vue3-
vite
前端快速入门教程 vue-element-admin
Vue3快速入门学习初始化项目#创建项目npmcreatevite@latestmy-vue-app----templatevue#安装依赖npmi#运行npmrundev模板语法文本插值最基本的数据绑定形式是文本插值,它使用的是“Mustache”语法(即双大括号):Message:{{msg}}双大括号标签会被替换为相应组件实例中msg属性的值。同时每次msg属性更改时它也会同步更新。原始HT
O丶ne丨柒夜
·
2024-01-23 02:19
前端
vue.js
javascript
如何创建
vite
项目!
vite
官网:
vite
是一种新型前端构建工具,能够显著提升前端开发体验网络:
vite
是一个静态服务器,也可以说是一个开发的构建工具它的目标就是提供快速的开发体验和性能优化
vite
优点与缺点
Vite
优点
Vite
小舟423
·
2024-01-22 13:36
vue.js
vue3跨域请求及一些常用配置
1、在根目录下的
vite
.config.js文件中配置,网上有说这个文件不能配置,经测试,也没啥毛病。proxy:{'/tes
爱敲代码的小冰
·
2024-01-22 13:52
vue.js
前端
javascript
微前端-无界wujie
无界微前端方案基于webcomponent容器+iframe沙箱,能够完善的解决适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、
vite
框架支持、应用共享等用户的核心诉求。
前端大颖颖
·
2024-01-22 12:52
常见问题汇总
前端
前端框架
javascript
vite
创建项目流程 + vue3学习
1.创建
vite
项目cmd打开终端npminitvite输入项目名选择vue框架选择使用js2.打开项目文件配置路由npmi初始化项目npminstallvue-router安装路由新建router文件创建
weixin_heye
·
2024-01-22 12:50
vue.js
javascript
前端
上一页
6
7
8
9
10
11
12
13
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他