vite 第31页

如何使用 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

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

vue3 项目不支持使用 process.env 变量 process is not defined

process.env.VUE_APP_BASE_API+"/admin/xxx/uploadoss",但这时候控制台报错processisnotdefined因为vue3将process.env移除了解决方案打开vite.c

鸡汤辉·2023-11-12 04:40

vite基础学习笔记：12.Element使用（首页局部组件拆分）

说明：自学做的笔记和记录，如有错误请指正一、ElementPlus安装与引入1.安装ElementPlus参考ElementPlus组件库官网，输入指令pnpmielement-plus安装2.引入ElementPlus插件在入口文件引入并安装二、走马灯组件应用在官网中查询代码，粘贴至对应文件并进行修改代码如下：局部组件：carousel/index.vue//carousel的高度img{wid

smellsummer·2023-11-12 04:07

vite基础学习笔记：13.Dialog 对话框（用户注册与登录）

说明：自学做的笔记和记录，如有错误请指正1.Dialog对话框组件目标效果：点击“登录/注册”，弹框（1）创建全局组件，在官网中查询代码粘贴（2）注册和使用全局组件（3）设置Visiable控制对话框的显示与隐藏（4）点击“登录/注册”按钮，修改Visiable的值2.对话框显示内容修改(样式调整完毕)用户登录用户登录微信扫码登录微信扫一扫关注"快速预约挂号"扫一扫下载"预约挂号"APP官方指定平

smellsummer·2023-11-12 04:07

vite基础学习笔记：2.项目目录了解

说明：自学做的笔记和记录，如有错误请指正1.index.html入口文件Vite构建的项目的编译入口文件是index.htmlVite一开始会去加载index.html文件，然后通过script标签加载

smellsummer·2023-11-12 04:36

vite基础学习笔记：11.组件拆分

说明：自学做的笔记和记录，如有错误请指正1.全局组件（1）创建组件在components文件夹下创建top（头部组件）和bottom（尾部组件）文件夹如下：（2）注册组件在main.ts中引入并注册全局组件代码如下：//引入全局组件importTopfrom'../src/components/top/index.vue';importBottomfrom'../src/components/bo

smellsummer·2023-11-12 04:36

vite基础学习笔记：14.路由跳转（二）携带query参数

说明：自学做的笔记和记录，如有错误请指正1.路由跳转（携带query参数）（1）第一层路由（点击卡片路由跳转至新页面-携带query参数）知识点：query传参对应的是path和query，参数会以键值对的形式添加到URL的查询字符串中以上代码运行：点击卡片后跳转到‘'/hospital/register?hoscode=1000_13'’，其中“1000_13”为对应的医院编码（2）第二层路由（

smellsummer·2023-11-12 04:04

uniapp发行web页面在老版本浏览器打开一片空白

具体解决方法：1、在项目的根目录新建一个vite.config.js2、向vite.config.js中copy如下代码：import{defineConfig}from'vite';imp

risemypassion·2023-11-12 02:47

得物五五五五

一个ip下有多个域名，dns是如何进行区分vite开发环境中是打包成一个还是多个文件content-box中宽100高200，设置padding-top：50%，总的高度是多少splice方法的返回值a

weixin_45039278·2023-11-12 00:16

vue3 vite ts 项目配置@

安装path模块path模块是node.js的内置模块，而node.js默认不支持ts文件的安装@type/node依赖包npminstall@types/node--save-dev配置文件vite配置文件

weixin_45039278·2023-11-12 00:15

Vue3+Vite+Nginx 二级路径部署

vue路由文件constrouter=createRouter({history:createWebHistory('/abc/'),//这里添加路由前缀routes})vite.config.jsexportdefaultdefineConfig

想望着太阳·2023-11-11 22:19

【微前端】qiankun + vite + vue3

专栏：【微前端】什么是微前端【微前端】qiankun【微前端】qiankun+vite+vue3一、整体结构在qiankun体系下，一个微前端工程包含一个主应用和多个子应用。

逛街的猫啊·2023-11-11 22:48

微前端qiankun (vue3+vite+ts+history)

一什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略微前端架构具备以下几个核心价值：技术栈无关主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发、独立部署微应用仓库独立，前后端可独立开发，部署完成后主框架自动完成同步更新增量升级在面对各种复杂场景时，我们通常很难对一个已经存在的系统做全量的技术栈升级或重构，而微前端是一种非常好的实施渐进式重

liytingtt·2023-11-11 22:39

Vue3+Vite+history模式+Nginx 部署二级路径

项目打包及部署到服务器二级路由例如：我希望将打包的项目部署到https://xxx.com/web/上1、配置环境变量.env.production文件##生产环境NODE_ENV='production'VITE_BASE_PATH

Paul_Chan_·2023-11-11 22:04

vue3+TS+Vite2+Element Plus管理系统通用模板（2022最新）

技术栈：vue3+TypeScript+Vite2+Pinia+ElementPlus+VueRouter初始化项目安装vue-ts模板，和vite，并设置项目名称GBT(GeneralBackgroundTemplate

一个bug一等级·2023-11-11 21:52

Vite创建vue3+ts+pinia+vant项目起步流程

pnpm介绍&安装本质上他是一个包管理工具，和npm/yarn没有区别，主要优势在于包安装速度极快磁盘空间利用效率高安装：npmipnpm-g使用：npm命令pnpm等效npminstallpnpminstallnpmiaxiospnpmaddaxiosnpmiwebpack-Dpnpmaddwebpack-Dnpmrundevpnpmdev小结：pnpm是一个高效的包管理工具，使用和npm和ya

是三好·2023-11-11 21:19

推荐频道

vite