vite.config.js

vue3+vite项目如何作为微应用接入qiankun主应用

pnpminstallvite-plugin-qiankun//vite.config.js importqiankunfrom"vite-plugin-qiankun"exportdefault({mode
王——小喵·2023-07-26 20:28

Vite启动后提示“Network: use `--host` to expose“，且无法通过网络IP访问服务

目录起因问题重现问题原因解决方法1.修改vite.config.js配置2.通过ViteCLI配置3.修改npm脚本起因当使用Vite构建项目后，需要通过局域网中的电脑或手机访问服务调试时，发现通过IP
勇敢的阿呆·2023-07-26 13:33

[vite] Internal server error: [less] variable @color is undefined

问题描述在我写less全局样式的时候，出现这个问题[vite]Internalservererror:[less]variable@colorisundefined原因分析：我认为是vite.config.js
不想起名55·2023-07-25 15:18

vite.config.js 配置说明

import{defineConfig}from'vite'//帮手函数，这样不用jsdoc注解也可以获取类型提示importvuefrom'@vitejs/plugin-vue'const{resolve}=require('path')import{viteMockServe}from"vite-plugin-mock"constlocalEnabled=process.env.USE_MOC
gaozhigang·2023-07-25 10:25

vite热更新无效的解决办法

如果每次更新代码都要重启项目才能更新代码，那就是全量热更新的问题，可能涉及到文件地址引用问题，如：文件大小写问题、同一个文件夹下存在大驼峰小驼峰的命名方式的2种文件等2、如果时刷新页面会更新，可以确认一下vite.config.js
Blanche_qiu·2023-07-25 00:40

vite+vue3项目配置二级访问目录

1修改router增加base地址base2修改vite.config.js增加base配置，加载静态资源base3修改dockerfile修改文件存放目录dockerfile4修改nginx配置正确的文访问路径
嘻哈章鱼小丸子·2023-07-24 12:55

vite+vue3项目部署到gitee pages报文件资源404 Not Found 问题踩坑记录

与js文件资源404NotFound的错，搜全网没几个有用的文章能借鉴，全*喵的废话，真无语借此次踩坑记录一下2023.5.24问题描述如图，报资源404的错原因分析：文件路径在打包时发生错误，需要在vite.config.js
夏夜追凉丶·2023-07-23 17:01

vue3+vite常用的vite.config.js配置

npmi@vitejs/plugin-vueoryarnadd@vitejs/plugin-vue然后在vite.config.js中导入这3个依赖import{defineConfig}from"vite
硅谷干货·2023-07-23 14:36

Vite2+Vue2 配置vite.config.js增加资源路径前缀

打包后前缀的问题想要在打包后html文件的资源路径添加前缀，但是之前的VueCLI是使用publicPath属性，在vite中就不是这个了，问了chatGPT后，回答是：在当使用Vite打包应用程序时，可以使用build.publicDir或者build.base配置选项指定要复制到构建输出目录的公共资源目录，这些资源包括index.html文件、静态资源文件、图标文件等。但是，Vite默认情况下
yh0016·2023-07-19 22:48

“Vue3+Vite打包后，白屏沉默，重启重试无果，我该如何解决？”

以下仅记录本人的过程，做参考错误截图npmi@vitejs/plugin-legacy-D在vite.config.js中添加如下，i
木得是·2023-07-15 22:09

Vue3+Vite+Cesium实现Cesium组件式开发

1、安装Vite、Cesium插件npminitvite@latestnpmicesiumnpmivite-plugin-cesium-D2、配置（vite.config.js）//vite.config.jsimport
小杜同学webgiser·2023-07-14 22:17

在vite创建的vue3项目中使用Cesium加载纽约建筑模型、设置样式，划分城市区域并着色

使用vite创建vue3项目npmcreatevite@latestcd到创建的项目文件夹中npminstall安装Cesiumnpmicesiumvite-plugin-cesiumvite-D配置vite.config.js
BreezeChasingDrizzle·2023-07-14 22:15

在vite创建的vue3项目中使用Cesium标记地点（基于加载建筑样式，划分区域）

使用vite创建vue3项目npmcreatevite@latestcd到创建的项目文件夹中npminstall安装Cesiumnpmicesiumvite-plugin-cesiumvite-D配置vite.config.js
BreezeChasingDrizzle·2023-07-14 22:15

在vite创建的vue3项目中使用Cesium加载czml路径信息和无人机模型

使用vite创建vue3项目npmcreatevite@latestcd到创建的项目文件夹中npminstall安装Cesiumnpmicesiumvite-plugin-cesiumvite-D配置vite.config.js
BreezeChasingDrizzle·2023-07-14 22:15

一分钟搭建 Vite + Vue3 + Cesium 开发环境

templatevue2.cdcesiumapp3.yarninstall4.yarndev第二步:安装Cesium相关插件yarnaddcesiumvite-plugin-cesiumvite-D第三步:在vite.config.js
u010602721·2023-07-14 22:13

vue3自动按需导入 unplugin-auto-import

第一步:npmiunplugin-auto-import-D或者yarnaddunplugin-auto-import-D第二步:修改vite.config.js的配置文件(Ts配置方法)1):将第二步中的代码
前端小灰狼·2023-06-23 09:55

【已解决】Vue3使用Element-plus按需加载时消息弹框ElMessage没有样式

Element-plus时消息弹框ElMessage没有样式问题描述Element-plus在使用ElMessage消息弹框的时候没有样式，按照官方的按需加载的方式引入的1、Element-plus使用了自动按需导入，vite.config.js
web前端小学生·2023-06-23 04:08

快速搭建Vite + Vue3 + Cesium 开发环境(详细步骤)（一）

typescript+vue：记得在终端npminstall一下就可以启动项目了第二步：引入Cesium插件利用npm引入Cesium插件npmicesiumvite-plugin-cesiumvite-D在vite.config.js
不 这是派大星·2023-06-21 17:29

在vite+vue3中使用less

目录标题一、首先，安装插件二、在vite.config.js中配置三、最后在模版里声明css类型一、首先，安装插件npminstalllessnpminstallless-loader二、在vite.config.js
筱熙☆·2023-06-20 09:02

vite.config.js 配置及优化

基础环境vite版本：4+项目框架：vue3UI框架：Ant-Design-Vue开发语言：TypeScriptvite.config.tsimport{fileURLToPath,URL}from'node:url'import{resolve}from'path'importvuefrom'@vitejs/plugin-vue'importvueJsxfrom'@vitejs/plugin-v
温其如玉_zxh·2023-06-14 09:33

【vue3】vue3按需引入ElementPlus并自定义主题：

一、按需引入ElementPlus【1】yarnaddelement-plus【2】npminstall-Dunplugin-vue-componentsunplugin-auto-import【3】vite.config.js
Sun Peng·2023-06-13 16:50

unplugin-vue-components/vite自动将项目中使用的 Vue 组件按需引入

它的使用方式如下：安装插件：npminstall-Dunplugin-vue-components在vite.config.js中配置插件：import{defineConfig}from'vite'importvuefrom
前端程序猿i·2023-06-10 13:55

ts+vue3+vite+pinia+vue-router 踩坑合集（持续更新中...）

scssnpminstallnode-sassnpminstallsass-loadernode版本不能过高;目前成功版本为10.15.0;可通过安装"n"来管理node版本配置全局mixin.scss根目录找到vite.config.js
剁椒先生·2023-06-07 23:45

两个简单的屏幕适配方案（适合PC和移动端）--- ts语法使用

假设设计稿的尺寸是1920px，则100vw=1920px，1vw=19.2px，全部转为vw单位npminstallpostcss-px-to-viewport-D//类型声明文件不装也不影响使用在vite.config.js
yy_33404590·2023-06-07 19:06

element-ui树形控件el-tree详解

element-pluscnpminstallelement-plus--save安装按需导入cnpminstall-Dunplugin-vue-componentsunplugin-auto-import修改vite.config.js
船长@·2023-06-07 08:57

vite-plugin-pages(用于本人使用)

安装vite-plugin-pages依赖vue-router运行因此还需要安装vue-routernpminstallvue-router@4npmi-Dvite-plugin-pages2、配置-vite.config.js
外围前端吴彦祖·2023-04-21 08:05

unplugin-vue-components的使用(个人)

1、安装npmiunplugin-vue-components-D2、配置(vite.config.js),这里我是vue3+vite+js搭建的importvuefrom'@vitejs/plugin-vue'import
外围前端吴彦祖·2023-04-21 08:05

Vite打包后直接使用浏览器打开，显示空白问题

vite打包后，直接用浏览器打开显示空白1.需求：安卓webview等浏览器直接打开文件显示2.原因（1）资源路径错误：vite.config.js配置base:“./”（在webpack中则配置publicPath
change_fate·2023-04-16 21:53

vite.config.js 中读取环境变量 env

不是我不想理你，只是时间难以抗拒！在此附上我的QQ:2489757828有问题的话可以一同探讨我的github:李大玄我的私人博客:李大玄我的npm开源库:李大玄我的:李大玄我的CSDN:李大玄我的掘金:李大玄哔哩哔哩:李大玄语雀文档:李大玄第一步创建好对应的env文件在这里插入图片描述第二步配置对应的打包命令在这里插入图片描述第三步//第一步loadEnv引入import{defineConfi
魔仙堡杠把子灬·2023-04-15 18:05

Vue3 vite.config.js配置跨域

一、问题描述在开发阶段时服务区没有配置跨域的情况下1、后台服务器地址和端口时候可以配置的例如：http://localhost:5000，https://192.168.1.10:5000协议+域名+端口号2、前台的地址也可以配置http://localhost:3000当前台程序要请求后台时当发现协议+域名+端口号某项不一样的时候就会引发跨域。二、解决1、后端配置允许跨域，可解决。2、前端配置跨
hiose89·2023-04-12 16:15

vue3 + vite

端口控制+跨域在vite.config.js文件中import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importpathfrom'path
WJLSH123·2023-04-08 05:57

Vite3搭建Vue3项目

vue-routerPiniaelement-plusaxioslessEditorConfigeslintprettierstylelinthuskyWARNINGVite3创建项目创建：pnpmcreateviteeditor--templatevue配置：/*vite.config.js
带只拖鞋去流浪·2023-04-07 17:55

pc、移动端自适应css

第二步安装lib-flexible：npmi-Samfe-flexible，记得在main.js文件引入import‘amfe-flexible’；第三步进行postcss配置vue.config.js或者vite.config.js
前端段·2023-04-07 10:33

二、Vite+Vue3+Cesium环境搭建

Vite命令创建的工程会自动生成vite.config.js文件，来配置一些相关的参数，Vite和Vuecli的主要差别就是打包方面，通过Vite创建的前端工程采用的是rollup打包，而通过VueCli
vandh·2023-04-06 13:26

Vue3+Vite2环境变量配置，分别配置本地，测试，正式

第一步：在Vue项目创建三个文件分别为.env.env.development.env.production与Vite.config.js同级别//.env(配置本地开发地址)VITE_HOST='172.20.25.155
m0_67392931·2023-04-06 13:15

本地调试https配置方法（vite配置版本）

才能拿到权限，为方便开发过程中调试，本次用到的插件是mkcert的vite版本：vite-plugin-mkcert具体实践方式//1.添加依赖pnpmaddvite-plugin-mkcert-D//2.在vite.config.js
程序员查理·2023-04-06 12:21

Vite + Vue3设置代理、axios二次封装与api解耦

基本思路：一、在vite.config.js文件设置代理另外：这里推荐一款插件unplugin-auto-import。
诸葛东方#·2023-04-05 06:05

qiankun-vite作为子应用后静态资源404解决

继上一篇在利用qiankun框架搭建微前端，vite作为子应用，发现了一个新的问题，就是子应用的静态资源路径受到了基座应用的影响，今天来记录下解决方法在vite.config.js中，加入以下代码，和plugins
让代码飞1926·2023-04-03 11:12

vue3+vite配置多页应用

对应的vite.config.js的配置，主要是配置root、base、build这几个属性，具体说明参考下方注释：import{resolve}from"path";import{defineConfig
快进小树林·2023-04-03 09:50

[plugin:vite:import-analysis] Failed to resolve import “@/views/Login.vue“ from “src\router\index.ts

报错截图报错原因是没有引入@相关的配置先安装path模块npminstall--save-dev@types/node修改vite.config.js文件import{defineConfig}from'vite'importvuefrom
Joker mock·2023-04-01 16:02

vite插件

最常用的场景就是监听vite.config.js和.env.development文件，我们知道，修改vite配置文件和环境配置文件，是需要重启vite才会生效，通过这个插件，我们将从反复重启中解脱出来
十一T_T·2023-03-31 05:23

工具模块

1、查看依赖包大小rollup-plugin-visualizer使用方法：npmirollup-plugin-visualizer--save-dev在vite.config.js写入importvisualizerfrom"rollup-plugin-visualizer
MYSUNFLOWER·2023-03-30 06:06

【VUE】process.env，require，vite.config.js等问题的解决

一、简介这个系列是想将自己做过的Cesium项目整理回顾，同时也希望能给看到的文章的朋友一点帮助。大部分内容规划都是简单的功能应用，后面可能会选我自己感兴趣的功能做分享。本文主要介绍工程的技术选型，环境搭建和代码的简单实现。首先解释一下为什选择Craco。我喜欢直接用create-react-app的搭建功能，不喜欢自定义太多，所以不想把工程eject。所以craco是不改工程默认设置下配置Web
姑老爷呀·2023-03-29 12:03

vue3 分模块打包 可单个模块打包，或者所有资源一起打包部署

文件夹下再新建子模块的文件夹3，子模块文件夹下要有router，app.vue,main.js就和单个项目的目录结构一致，还得有一个index.html,文件内容如下，4，配置package.json,vite.config.js
anne都·2023-03-28 20:45

vue3 + vite3 按需引入 ant design vue 并自定义主题

ant-design的样式是less)npmiless-D3.安装unplugin-vue-components用于按需引入antdesignvuenpmiunplugin-vue-components-D4.然后在vite.config.js
小储今天暴富了·2023-03-28 14:34

vite按需引入 Ant Design Vue 3.0

1、安装ant-design-vue插件npmi--saveant-design-vuenpmiunplugin-vue-components-D2、配置vite.config.js//vite.config.jsimportComponentsfrom'unplugin-vue-components
Paul_Chan_·2023-03-28 14:01

vite搭建vue3+ant Design项目（Vue Router+Vuex+axios）

vite创建项目点击查看配置vite.config.js文件(此步骤暂时有问题，跳过，系统创建文件暂时不更改)在项目根目录创建vite.config.js文件写入基本配置constpath=require
yjtuuige·2023-03-27 15:29

Vue3 vite配置跨域请求

接口可能遇到如下问题：原因可能是该api不支持跨域请求这里以王者荣耀的英雄介绍api（https://pvp.qq.com/web201605/js/herolist.json）为例，来解决问题流程：1.在项目下新建vite.config.js
Zhichao_97·2023-03-24 02:47

【Vue】在vue项目中使用postcss-pxtorem+amfe-flexible完成移动端的rem适配

npmipostcss-pxtorem-S//若报错就安装指定以下版本[email protected]在vue.config.js或vite.config.js
今后刚睡醒·2023-03-17 17:49

【Vue】Vue3项目使用 amfe-flexible + postcss-pxtorem 完成移动端的rem布局适配

rem布局适配一、amfe-flexible的使用1、安装amfe-flexible和postcss-pxtorem依赖npminstallamfe-flexiblepostcss-pxtorem-D2、vite.config.js
马大头0·2023-03-17 17:47
上一页 1 2 3 4 5 6 7 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他