vite.config.js

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

elementPlus自动导入图标不生效的解决办法

.安装按需导入的插件npmiunplugin-auto-importunplugin-vue-componentsunplugin-icons-D3.配置文件根据elementPlus官网给的链接配置vite.config.js
zhangqijun·2023-03-11 13:09

vite + vue3 项目通过 import.meta.env 获取自定义的变量

最近在使用vite+vue3开发新项目时，遇到了一个比较棘手的问题：在非vite.config.js文件里，通过import.meta.env获取不到.env.[mode]文件自定义变量。
·2023-02-23 23:36

vite：15个插件推荐

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

【vue3.2+cesium】加载三维天地图

Vite命令创建的工程会自动生成vite.config.js文件，来配置一些相关的参数。
✎﹏ℳ๓₯㎕·2023-02-21 14:33

Vite配置文件设置别名

新建vite.config.js文件在vite.config.js中的别名前后都加一个/线，还需要对resolve进行结构，具体代码如下简单的说明一下，之前按照官网去做，一直报错，后来大神尤雨溪给出的解决方案
小李不小·2023-02-19 06:35

vite2 + vite.config.js 比较坑的环境变量，vite2模式的使用

想在vite.config.js里面判断一下环境，看看是不是开发环境，查了一下官网（https://cn.vitejs.dev/guide/env-and-mode.html），说是可以使用import.meta.env.DEV
自然框架·2023-02-17 12:30

Vite 2 + Vue 3 实现 svg 图标

先安装插件：vite-plugin-svg-icons：GitHub文档npmivite-plugin-svg-icons-D//或yarnaddvite-plugin-svg-icons-D2.配置插件vite.config.js
AizawaSayo·2023-02-16 23:40

vue3中vite的配置

参考链接-vite中文文档一、配置文件vue2里，针对webpack的配置，是基于vue.config.js文件但在基于vite的vue3里，配置文件是vite.config.js我构建的是ts版本的vue3
子枫_ffb4·2023-02-04 09:01

vite.config.js配置入门与小记

1如何创建vite项目？step1:npminitvite@latestyarncreatevitestep2:npminitvite@latestmy-vue-app--templatevuenpm7+,需要额外的双横线：npminitvite@latestmy-vue-app----templatevue#yarnyarncreatevitemy-vue-app--templatevue2如何
sleeppingfrog·2023-02-01 11:00

通过vite-plugin-pwa配置了解pwa

vite-plugin-pwa就是帮你使用workbox结合一些模板代码自动生成sw.js，实现0配置第一：我们通过类型文件了解值得关注的配置项引入很简单//vite.config.js/vite.c
云鹤道人张业斌·2023-01-30 06:28
上一页 1 2 3 4 5 6 7 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他