Vite 第27页

Vite探索：构建、启程、原理、CSS艺术与插件魔法

文章目录1构建工具1.1什么是构建工具1.2主流构建工具1.3vite相较于webpack的优势2vite启动项目初体验2.1你必须要理解的vite脚手架和vite2.2vite开箱即用2.3vite的预加载

unique_pursuit·2023-11-16 00:26

vue3+quasar+capacitor开发多平台项目,使用cordova和capacitor插件(支持所有前端框架）

npminitquasar运行与打包命令npxquasardevnpxquasarbuild接入capacitor的两种方式方式一：官方接入方式文档地址：https://quasar.dev/quasar-cli-vite

tangdou369098655·2023-11-15 20:12

uniapp+vite+vue3开发跨平台app，运行到安卓模拟器调试方法

因为没有使用hbuilder开发uniapp，而是使用了vscode和vite来开发的，所以怎么将这个程序运行到安卓模拟器调试开发呢？

1024小神·2023-11-15 20:38

Vue3 + Vite + Ts + Router搭建项目

1、新建文件夹从新建的文件夹cmd进入终端2、安装vite—依据vite创建vue3项目2.1、运行[email protected]、输入项目名称2.2.2、选择vue2.2.3、选择TypeScript

^草莓牛乳茶^·2023-11-15 19:58

vue 部署到nginx 刷新404

、修改router/index.js#/xxx/是站点名称，http://localhost/xxx/history:createWebHistory('/xxx/'),2、修改baseURL,一般在vite.config.jsbase

C sharp半瓶水·2023-11-15 18:58

vite =＞ .env 文件配置和使用

env.development.env.productionVITE_API_BASE_URL=/api#开发环境代理地址.env.development是在开发环境中的代理地址.env.production是在线上的代理地址（两个.env内部的变量都是一样的vite

九层嵌套 for 循环·2023-11-15 16:22

（vue3.x+vite）组件间通信方式之provide与inject

前端技术社区总目录（订阅之前请先查看该博客）示例效果依赖注入Provide/Inject在父子组件传递数据时，通常使用的是props和emit，父传子时，使用的是props，如果是父组件传孙组件时，就需要先传给子组件，子组件再传给孙组件，如果多个子组件或多个孙组件使用时，就需要传很多次，会很麻烦。像这种情况，可以使用provide和inject解决这种问题，不论组件嵌套多深，父组件都可以为所有子组

地图之家家长·2023-11-15 11:47

模拟接口数据之使用Mock方法实现（vite）

文章目录前言一、安装依赖mockjs安装vite-plugin-mock安装新增mock脚本二、vite插件配置`vite-plugin-mock``vite.config.ts`引入`vite-plugin-mock

失眠时间·2023-11-15 11:14

docker+jenkins 容器化,自动化部署vue3+vite前端项目

docker+jenkins容器化,自动化部署vue3+vite前端项目1.docker文档Overview|DockerDocumentation2.基本命令1.dockerimages//查看docker

第七个夏天没有名字·2023-11-15 09:49

vite项目一直在无限刷新，重连ws

项目背景：react+vite开发企业微信内部应用（h5），因为企业微信无法在本地调试，所以用了ngrok内网穿透工具可以帮助开发者将应用开发调试过程中的回调请求，穿透到本地的开发环境。

kabudada·2023-11-15 09:18

给前端看的Docker部署脚本入门

最后给个样例Docker-Compose.yaml前后端分离后的一般部署架构开发架构一般前端开发都知道，我们在开发的时候都可以配置一个叫proxy的选项，来将数据接口转发给开发服务器，这个变量在webpack和vite

百家饭OpenAPI·2023-11-15 09:47

如何使用 docker 在本地部署 vite 项目

如何使用docker在本地部署vite项目创建Dockerfile文件创建.dockerignore文件构建镜像运行容器1.创建Dockerfile文件#使用官方的Node镜像作为基础镜像FROMnode

易风有点疯·2023-11-15 09:42

有人真的会去分析代码吗

项目是vite，用的是rollup-plugin-visualizer这个插件，分析结果是可视化的。使用：npminstall--save-devrollup-plugi

wade3po·2023-11-15 03:15

Vue3保姆级别基础

Vue3工程1.使用vue-cli创建1.必须保证vue-cli的版本大于4.5.0，否则重新安装脚手架，可以用vue-V查看版本2.输入命令vuecreatevue_test，选择vue3点击回车2.使用vite

宇宇940·2023-11-14 22:37

解决vite+vue3项目的模板中不能使用require导入图片的问题

问题描述vue2项目我们通常会在模板中通过三目运算符和require来实现动态图片，但是在vite+vue3项目中是没有require的，使用require会报错。

━╋蚁诺€·2023-11-14 15:08

Vue3中TSX的使用方式

第一步：安装插件npminstall@vitejs/plugin-vue-jsx-D第二步：在vite.config.ts中进行引入插件和注册插件import{fileURLToPath,URL}from'node

xyphf_和派孔明·2023-11-14 15:08

VUE3 + Vite + ts

VUE3+Vitevue3官网链接Vite官网链接安装、运行、vscode插件安装、运行npminitvite@latestnpminstallnpmrundevvscode插件：VueLanguageFeaturesTypeScriptVuePlugin

码农小菲·2023-11-14 15:38

vue3+vite批量引入图片文件

vue3支持批量引入某个文件夹下的所有资源，不用通过importXXXfrom'/路径'的这种方式去一张张引入//eager:true表示静态资源//'/public/imgs'路径下letimageList=import.meta.glob('/public/imgs/*.*',{eager:true})console.log(Object.values(imageList).map(v=>v.

派小鑫·2023-11-14 15:07

Vue 3使用vite 2.0 动态引入本地图片img

需求：引入到js中批量绑定在dom上，作图标进行展示。这样就可以动态引入了第二种直接引入importtyarticle_iconpefrom'@/assets/images/home_icon/brochure_icon.png'第三种可以直接在assets前面加一个src就能识别了newURL(`/src/assets/images/home_icon/name_icon`,import.met

ジ Jing·2023-11-14 15:07

vue3+ts+vite最新快速集成svg

1、使用vite-plugin-svg-icons依赖npmivite-plugin-svg-icons-D2、在main.ts中引入依赖import'virtual:svg-icons-register

梦落飞雪·2023-11-14 15:06

vue3 + vite + Mock数据模拟

vue3+vite+Mock数据模拟安装mock.js文件配置index.js内容data.js内容main.js引入使用安装mock.jsnpminstallmockjs文件配置在src文件夹下新建mock

菜鸡的崛起·2023-11-14 15:36

vite中引入图片的几种方式

一，将图片资源放入public目录下letmyIcon=newBMap.Icon("/map_pin_red.png",newBMap.Size(21,30));我们看到实际上我们不希望资源文件被vite

blue_121·2023-11-14 15:06

vue3 vite 怎么动态引用图片

2、使用vite的import.meta.glob或import.meta.globEager，两者的区别是前者懒加载资源，后者直接引入。getSrc(name){constpath=`./..

最有才的河南大汉·2023-11-14 15:05

vite+v3批量一次性引入本地图片(简单做法)

效果：开发步骤：在assets/fileTypes文件夹中将你需要的png图片导入，并使用文件类型来命名图片(如docx.png)使用import.meta.globEager将assets/fileTypes下所有的png图片引入通过遍历Object.keys(files)使用正则匹配出每个图片的名称，用文件类型做name，文件路径做图片路径创建一个数组在img图标的src定义方法，返回文件路径

SunFlower914·2023-11-14 15:05

vue3 + vite +ts 引入静态图片

直接用requirex调试报错用import第一种x第二种✔第三种vite的静态资源引入如果出现引入错误请看控制台的提醒相对地址

一个假的前端男·2023-11-14 15:05

vite+vue3批量引入图片

glob是懒加载的模式letimageList=import.meta.glob("./assets/images/*.*");globEager直接做静态加载letimageList=import.meta.globEager("./assets/images/*.*");letarr=object.values(imageList).map(v=>v.default)

xyphf_和派孔明·2023-11-14 15:04

032-从零搭建微服务-定时服务（一）

源码地址（后端）：mingyue:基于SpringBoot、SpringCloud&Alibaba的分布式微服务架构基础服务中心源码地址（前端）：mingyue-ui:基于Vue3+TS+Vite+Elementplus

Strive_MY·2023-11-14 12:16

Vite + Vue3 +TS 项目router配置踩坑记录! ===＞“找不到模块“vue-router”或其相应的类型声明。“＜===

最近在使用vite+vue3+typescript写一个项目，在用路由router的时候踩了坑，记录一下。其实想吐槽的不是这些坑，而是百度的结果，一堆~文章

Mao.O·2023-11-14 01:16

关于Vue3+ts引入文件使用alias别名@时报错问题，process is not defined

如题，解决办法：一、首先确保有两个文件： tsconfig.json vite.config.ts(注：如果是vue.config.js，则手动改为vite.config.js)二、在ts.config.json

浪里小韭菜·2023-11-14 00:15

基于Vite使用VitePress搭建静态站点博客

使用VitePress搭建静态站点博客官方文档什么是VitePress？一、初始化项目1.安装依赖包VitePress可以单独使用，也可以安装到现有的项目中。在这两种情况下，您都可以安装它:(也可以全局安装，建议：当前项目内安装)2.初始化项目文件结构3.运行命令4.访问http://localhost:5173/5.效果二、优化可根据自己需求配置1.添加logo1.默认主题2.默认主题+自定义主

梦和远方·2023-11-13 19:00

uni-app基于vite和vue3创建并集成pinia实现数据持久化

一、uni-app基于Vite和Vue3创建并集成pinia实现数据持久化文章目录一、uni-app基于Vite和Vue3创建并集成pinia实现数据持久化1.如何创建基于Vite和Vue3的uni-app

梦和远方·2023-11-13 19:29

vite配置terser,压缩代码及丢弃console

只需安装terser,无需importterser然后使用下方配置build:{minify:"terser",terserOptions:{compress:{drop_console:true,drop_debugger:true,},}},npmiterser

大猫会长·2023-11-13 14:42

vite 打包正式环境 require is not defined

需要通过插件做转换解决方法:方法1、项目代码中使用了require语法，使用这个插件便可以转换npmivite-plugin-require-transform-DimportrequireTransformfrom'vite-plugin-require-transform

前端碎碎念·2023-11-13 14:09

我在 vue3 开发中踩的坑

前期准备由于vite在开发态是基于ESM进行模块化开发,而ESM的浏览器兼容版本有限，如下图。esm-兼容所以，如果你打算使用vite作为构建工具去开发，你至少要有一个合适版本的浏览器。

前端瓶子君·2023-11-13 13:11

vue3配置@别名

备注：本示例是Vue3+Vite+Ts一、v

暴怒的代码·2023-11-13 13:02

vue3 vite配置@根路径---解决：找不到模块“./xx/xxx.vue”或其相应的类型声明

在vite.config.js中配置import{resolve}from"path"exportdefaultdefineConfig({plugins:[vue()],//配置根路径resolve:

DCodes·2023-11-13 11:54

vue3后台管理系统

vue3后台管理系统vite构建vue3项目项目中其他需求的引入1.element-plus引入2.vue3引入路由3.element-plus图标的引入和使用静态引入图标动态引入图标4.引入less5

miaomiao吖·2023-11-13 10:28

Vue实战之从零搭建Vite2+Vue3全家桶（一）

前言开启2021学习之旅，主要介绍学习vite2和vue3的实战过程。本篇主要介绍从零开始搭建Vite2+Vue3+Element-Plus+Vue-router4+Vuex+Eslint。

jiang262740899·2023-11-13 01:15

Vue3+NodeJS 接入文心一言，发布一个 VSCode 大模型问答插件

首先明确插件开发方式二：新建一个Vscode插件项目1.官网教程地址2.一步一步来创建3.分析目录结构以及运行插件三：新建一个Vue3项目，在侧边栏中展示，实现vscode插件vue项目双向消息传递1.新建vue3+vite

chengbo_eva·2023-11-12 23:29

Vant 移动端UI

Vue项目中安装Vant#Vue3项目，安装最新版Vantnpmivant组件按需引入配置vant按需引入---安装“unplugin-vue-components”插件Vite中使用Vant的话，可以使用

无盐海·2023-11-12 22:10

vue3+vite+windicss+element-plus+axios+router+cookies 搭建

一、vue3+vite+windicss+element-plus+axios+router安装及使用方法参考下面的视频：课时1.课程介绍_哔哩哔哩_bilibili课时1.课程介绍是Vue3+Vite

找到快乐的根源·2023-11-12 22:35

Hbuilderx:Vue项目打包apk打开首页空白问题

以Vue3项目为例，1.修改默认的公共基础路径import{fileURLToPath,URL}from'node:url'import{defineConfig}from'vite'importvuefrom

是席木木啊·2023-11-12 17:46

Vite+Vue3实现版本更新检查，实现页面自动刷新

Vite+Vue3实现版本更新检查，实现页面自动刷新1、使用Vite插件打包自动生成版本信息2、Vite.config.ts配置3、配置环境变量4、路由配置打包自动修改package.json的version

IN~Trying·2023-11-12 16:29

Vue3+Vite+Ts创建项目

项目说明一.脚手架vitevue-cli ==》 webpackvite脚手架使用官网：https://vitejs.cn/Vue3vite官网：https://cn.vitejs.dev/Vite

前端青山·2023-11-12 16:07

【Springboot】Vue3-Springboot引入JWT实现登录校验以及常见的错误解决方案

LoginController.java路由守卫函数四、问题前言项目版本：后端：Springboot2.7、Mybatis-plus、Maven3.8.1数据库：MySQL8.0前端：Vue3、Axois1.6.0、Vite4.5.0

Issac-Clarke·2023-11-12 08:11

【Springboot】 Spirngboot2-Vue3注解式方法解决数据前台时间显示为“2023-10-31T10:00:00.000+00:00”格式问题

项目场景：项目版本：后端：Springboot2.7、Mybatis-plus、Maven3.8.1数据库：MySQL8.0前端：Vue3、Axois1.6.0、Vite4.5.0、Element-Plus