vite.config.js

vue3 vite 跨域配置

vite.config.js配置如下server:{port:8052,//设置服务启动端口号，是一个可选项，不要设置为本机的端口号，可能会发生冲突open:true,//是否自动打开浏览器，可选项cors
华山令狐虫·2023-09-12 05:23

初始化一个 vite + vue 项目

创建项目首先使用以下命令创建一个vite项目npmcreatevite然后根据提示命令cd到刚创建的项目目录下，使用npminstall安装所需要的依赖包，再使用npmrundev即可启动项目配置vite.config.js
sywdebug·2023-09-12 03:20

scss文件自动导入

步骤：装包->scss文件->配置1.装包npmisass-D//-D仅在开发环境中依赖2.新增一个scss文件，存储组件共享的数据，如共享的色值变量（$开头为变量）3.通过vite.config.js
要加油哦～·2023-09-11 05:29

nginx vue2+webpack 和 vue3+vite 配置二级目录访问

来放访问项目目录思路1、nginx配置（vue2和vue3配置的nginx相同）2、vue2+webpack的配置（1）vue.config.js配置（2）router配置3、vue3+vite的配置（1）vite.config.js
_揽·2023-09-09 06:05

vue3：22、vue-router的使用

from'vue-router'//history模式：createWebHistory//hash模式：createWebHashHistory//vite中的环境变量import.meta.env.BASE_URL就是vite.config.js
有蝉·2023-09-08 17:37

vue-elementPlus自动按需导入和主题定制

装包（主包和两个插件包）$npminstallelement-plus--savenpminstall-Dunplugin-vue-componentsunplugin-auto-import2.配置在vite.config.js
要加油哦～·2023-09-08 09:37

解决Vue3.0以上+Vite项目打包后低版本浏览器兼容性问题

文章目录一、Vite在低版本浏览器中运行遇到的问题二、浏览器兼容性三、官方解决方案：使用@vitejs/plugin-legacy插件1)、安装插件2)、在vite.config.js中配置四、@vitejs
迷小圈·2023-09-07 19:19

vue3+ts+vite踩坑小记

一.生产环境去掉console.log实现①npmiterser②在vite.config.js里面build:{//打包配置//生产环境取消consoleminify:'terser',terserOptions
一路追求匠人精神·2023-09-06 22:52

效能工具之node在项目中的应用（二）《以开发环境多后端服务切换问题为例》

问题描述日常开发中，我们前端在联调接口时，常常会遇到需要在多个后端ip服务切换的情况举个例子，一个前端要分别和三个后端甲、乙、丙联调其对应的本地接口前端需要先在vite.config.js（vue.config.js
·2023-09-06 22:45

element-plus 使用笔记

npminstallelement-plus--save自动导入npminstall-Dunplugin-vue-componentsunplugin-auto-import//vite.config.js
海胆Sur·2023-09-03 08:15

vue3中如何按需引入vant组件库

npmiunplugin-vue-components-D#通过yarn安装yarnaddunplugin-vue-components-D#通过pnpm安装pnpmaddunplugin-vue-components-D3.如果是基于vite的项目，在vite.config.js
都挺好，刚刚好·2023-09-01 23:38

vite 配置自动补全文件的后缀名

vite不建议自动补全，文件的后缀名的constHome=()=>import("@/views/Home.vue");文件是必须要加上.vue的后缀名的如果想要像webpack一样的不用写，可以在vite.config.js
A黄俊辉A·2023-08-29 11:30

vite的vite.config.js配置-个人笔记

vite.config.jsconstpath=require("path");//vite.config.js#orvite.config.tsmodule.exports={alias:{//键必须以斜线开始和结束"/@/":path.resolve(__dirname,"./src"),},/***在生产中服务时的基本公共路径。*@default'/'*/base:"./",/***与“根”
尘叶风凌·2023-08-29 02:32

VUE3 ---＞vue-router4 获取路由对象与参数

createRouter实现2.路由模式history模式使用createWebHistory()hash模式使用createWebHashHistory()地址栏带#参数是基础路径，默认/路由的基础地址是vite.config.js
Love丶Tin·2023-08-28 10:49

[vite] 项目打包后页面空白,配置了base后也不生效

记录下解决问题的过程和思路首先打开看打包后的dist/index.html文件，和页面上的报错这里就发现了第一个问题报错的意思是index.html中引用的css文件和js文件找不到为了解决这个问题，在vite.config.js
Voices_·2023-08-26 14:00

【vite 中如何配置跨域代理】

在Vue.js中使用vite搭建应用时，可以通过vite.config.js文件进行跨域代理的配置。
cv全粘工程师·2023-08-25 08:33

什么年代了，你还在手动配置vite路径别名？

使用路径别名配置，可以非常优雅的引入某个资源//引入importmyIconfrom"@/logo.svg"当然，我们先要在vite.config.js中进行配置/
石小石Orz·2023-08-24 16:31

Vite 按需引入 Ant Design Vue 3.0

描述：最近尝试用Vite构建了Vue3.0的项目，组件库选用的是AntDesignVue3.0，在按需加载引用上踩了很多坑，在此记录一下过程：antd的官网的使用介绍是在vite.config.js文件中引用
朽木无垢·2023-08-24 15:31

vite部署域名子目录项目

vite项目直接打包放到域名子目录中会显示白页，这样配置一键解决//vite.config.js的配置import{defineConfig}from'vite'importvuefrom'@vitejs
web愚者·2023-08-24 05:30

vite vue3 config配置篇

关于vite初始化项目参考自https://vitejs.cn/配置基于自生产上线项目所使用配置vite.config.js导入模块内容import{defineConfig}from'vite'#vite
H_小猪·2023-08-20 16:08

vite配置 vite.config.js

/***https://vitejs.dev/config/*@type{import('vite').UserConfig}*/exportdefault{//项目根目录root:process.cwd(),//项目部署的基础路径base:"/",//环境配置mode:'development',//全局变量替换Recorddefine:{"":"","user":"users",},//插件p
阿川阿川·2023-08-19 07:59

Failed to load module script: Expected a JavaScript module script but the server responded with a MI

ExpectedaJavaScriptmodulescriptbuttheserverrespondedwithaMIMEtypeof"text/html".StrictMIMEtypecheckingisenforcedformodulescriptsperHTMLspec.更改vite.config.js
奇怪的点·2023-08-19 01:24

vue3 vite gzip

1、首先前端项目里安装vite-plugin-compression插件yarnaddvite-plugin-compression2、在vite.config.js中importvuefrom'@vitejs
奇怪的点·2023-08-19 01:24

Vue案例详解(七):制作登录页面

目录一.前言二.概要三.准备工作1.安装arcotoolboxfigma:2.按需加载运行下面两个插件3.修改根目录下的vite.config.js文件四.编写验证码组件五.完成登录组件六.引用登录组件一
flame.liu·2023-08-17 08:09

vue3、vite，正确安装 Prismjs

{"vue":"^3.2.37","vite":"^3.1.0"}安装依赖npminstallprismjs-Snpminstallvite-plugin-prismjs-D在vite.config.js
iuukai·2023-08-15 05:40

在vite初始化的项目中安装scss，及scss的使用

目录1.scss安装（1）打开终端输入，（2）在src/assets文件夹下新建style文件夹(文件名可以自定义)，在文件夹下新建main.scss文件（3）在vite.config.js中配置2.scss
m0_63466615·2023-08-13 04:36

vite vue3项目打包部署空白页面问题的处理

问题：vitevue3项目打包部署上线后，发现是空白页面问题的处理解决方法：1.在我们vite.config.js文件中检查是否有路径的指向2.查看我们的路由模式，将路由模式修改为createWebHashHistory
也有1點儿想你·2023-08-12 19:21

element-plus 自定义主题色

/theme-chalk/src/common/var.scss'with($colors:('primary':('base':green,),),);index.scss文件写入自己的主题色2.在vite.config.js
大熋·2023-08-11 17:05

vue/cli或者vite脚手架搭建的vue3项目兼容低版本谷歌浏览器

vue3项目找到项目中的.browserslistrc文件，增加一行chorme>48二、vite搭建的vue3项目1.安装插件cnpmi@vitejs/plugin-legacyterser-D2.在vite.config.js
━╋蚁诺€·2023-08-10 22:36

【vue3】elementPlus主题色定制

npmielement-plus--save安装辅助插件npminstall-Dunplugin-vue-componentsunplugin-auto-import安装sassnpmisass-D2、vite.config.js
花椒和蕊·2023-08-10 02:24

uniapp 跨域配置代理

第一步：项目根目录新建vite.config.js文件具体配置详见第二步：vite.config.js文件中写入如下配置重要代码如下import{defineConfig}from"vite"importunifrom
前端布道人·2023-08-09 02:12

postcss postcss-pxtorem将px转为rem的实现

项目，将px单位转换为rem首先，安装命令：npminstallpostcsspostcss-pxtorem--save-dev//或者npmipostcsspostcss-pxtorem-D然后，增加vite.config.js
friend_ship·2023-08-05 06:20

vite.config.js 配置全局src别名“@“

编辑vite.config.js文件import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importpathfrom'path'
Leon4055·2023-08-03 06:27

【vue3-vite项目按需引入Vant报错解决方法。】

按照路径找发现缺失一层目录此时我们可以在vite.config.js文件中解析至正确路径。
灰太狼大王灬·2023-08-02 12:08

vue3.x+vite的笔记

appvite内部支持less，scss，stylus预处理，不过需要进行本地的下载npminstall-Dsass(less|stylus)在脚手架中起别名(使用别名后，当前方法不会有提示，对IDE不友好)在vite.config.js
焚心123·2023-08-01 21:13

安装vite-plugin-svg-icons

安装vite-plugin-svg-icons使用svg-icon，即可使用iconfont等svg图标库安装及使用过程一、安装依赖二、在src/assets新建svg目录三、vite.config.js
前端小王hs·2023-07-30 05:07

【vite·4】vite在多环境下的配置集成方案及defineConfig（非常详细）

vite的默认配置文件是vite.config.js，最基础的配置文件格式如下：exportdefault{//配置选项};我们也可以通过–config命令行选项指定一个配置文件，命令行输入：vite-
Orz=T_T·2023-07-29 04:12

我的vite.config.js基础配置 --记录

import{defineConfig}from"vite";import{resolve}from"path";import{terser}from"rollup-plugin-terser";importvuefrom"@vitejs/plugin-vue";importAutoImportfrom"unplugin-auto-import/vite";importComponentsfrom
WeirdoPrincess·2023-07-28 14:20

vue3+vite 使用 postcss-pxtorem、autoprefixer 实现自适应和自动添加前缀

自动添加前缀：自适应：1、安装postcss-pxtorem和autoprefixernpminstall postcss-pxtorem --savenpmiautoprefixer2、vite.config.js
想不到耶·2023-07-27 07:20

vue3+vite引入scss全局变量，设置主题颜色

scssnpminstallsass-D2、新建文件3、设置变量（color.scss文件）:root{--bg-color:#10141d;//默认背景颜色}$bg-color:var(--bg-color);//默认背景颜色4、vite.config.js
想不到耶·2023-07-27 07:50

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
上一页 1 2 3 4 5 6 7 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他