vite 第27页

vue3+vite打包自动生成dist.zip压缩包（输出后的包名可改变）

新建一个zip.js文件，放在和vite.config.js同一级,需先安装插件jszip：npmijszip-D：//zip.js打包自动生成zip包，需npmijszip-Dconstplugin=

web老张头·2023-11-10 15:48

开发知识点-NodeJs-npm/Pnpm/Vite/Yarn包管理器

包管理器'vue-cli-service'不是内部或外部命令，也不是可运行的程序npm全局变量pnpmPnpm介绍ViteYarn‘vue-cli-service’不是内部或外部命令，也不是可运行的程序yarnyarnaddvue-amapyarnaddvue-amapant-design-vuenpm全局变量换主机新环境之前搭建的环境太久没用不正常npmrundevnpminstallnpmau

amingMM·2023-11-10 15:29

vue vue3开发 vue2和vue3的选择

新建项目，官方给出的命令是npmcreatevue@latest项目默认vue3，他是不支持IE11如果想支持IE11用下面方法，项目vue2.7.7npmcreatevue@legacy他们的打包工具默认vite

确认过眼神cxy·2023-11-10 13:38

定制 ElementPlus 主题

目录一、安装sass二、准备定制化的样式文件三、自动导入配置一、安装sass基于vite的项目默认不支持css预处理器，需要开发者单独安装npmisass-D二、准备定制化的样式文件必须在styles/

玄天灵·2023-11-10 08:38

vite 关于 global is not defined 问题

问题：在使用第三方包的时候也报错：globalisnotdefined原因：Vite是ESM机制，有些包内部使用了node的global对象1、最简单polyfill：window.global||=window

CamilleZJ·2023-11-10 07:46

找不到模块“./App.vue”或其相应的类型声明。ts(2307)

解决方案:在咱们的这个文件（vite.env.d.ts）之中添加这一段代码：（假如没有这个文件就自己创建一个）declaremodule"*.vue"{importty

给我一个源代码·2023-11-10 00:12

基于React使用swiperjs实现竖向滚动自动轮播

使用的swiper版本：v11.0.3文档https://swiperjs.com/get-startedhttps://swiperjs.com/react实现效果使用vite创建react应用pnpmcreatevitereact-app

彭世瑜·2023-11-09 23:27

nginx中部署前端war，前端打包，后端打成jar包运行

scripts":{"dev":"vite","build":"vue-tsc--noEmit&&vitebuild","preview":"vitepreview"},可以发现在build时，执行了vue-t

无形风·2023-11-09 19:43

前端开发技术栈（工具篇）：前端构建工具Vite和webpack的区别，为什么选择Vite

目录Vite和webpack的区别构建方式开发服务器构建速度生态系统服务启动方式和使用复杂度vite与webpack相比有什么优点（为什么选vite）vite服务启动更快vite服务热更新更快丰富的功能优化的构建通用的插件完全类型化的

SteveRocket·2023-11-09 14:20

Monaco Editor (vite/webpack + ts + vue项目使用)

1.什么是MonacoEditor？MonacoEditor微软之前有个项目叫做MonacoWorkbench，后来这个项目变成了VSCode，而MonacoEditor（就是从这个项目中成长出来的一个web编辑器，他们很大一部分的代码（monaco-editor-core）都是共用的，所以monaco和VSCode在编辑代码，交互以及UI上几乎是一摸一样的。VSCode(基于electron)包

Y...................·2023-11-09 14:19

Vite 基本配置及原理

Vite基本配置及原理介绍vite.config.jsoptimizeDeps.exclude不同环境的vite配置css配置Vite对css的处理Vite对cssmodule的处理和配置Vite对预处理器的配置

土豆Coder·2023-11-09 14:46

前端进阶高薪必备：Webpack 及 Vite 原理剖析

在刚刚结束的VueConf2021中，除了Vue3.0以外，另外一个亮点就是下一代构建工具Vite了。在尤雨溪分享的【Vue3生态进展和计划】的演讲中，尤大神还特意提到Vite将成为Vue的现代标配。

前端达人·2023-11-09 14:04

前端构建工具vite与webpack详解

二、vite相较于webpack的优势三、vite会不会取代webpack四、你必须要理解的vite脚手架和vitecreate-vite和vite的关系是什么呢?

骆骆爱学习·2023-11-09 14:30

报错 - [vite] Internal server error: [vue/compiler-sfc] Identifier ‘onMounted‘ has already been dec

调接口时，报错：[vite]Internalservererror:[vue/compiler-sfc]Identifier'onMounted'hasalreadybeendeclared.(4:9)

要加油哦～·2023-11-09 04:41

记录Bug：vite引入antd报错，以及安装react指定版本问题

原因分析：vite引入antd后报globalisnotdefined，由于确定引入没问题，考虑到可能是react版本问题，于是到package中查看，好家伙，是下载的是最新版本，之后查看文档并没有相关说明

Joey_iSleepy·2023-11-09 03:41

vue3 ts vite 项目的屏幕自适应方案

1.下载插件pnpmaddvue3-scale-box2.属性width宽度默认1920height高度默认1080bgc背景颜色默认"transparent"delay自适应缩放防抖延迟时间（ms）默认100isFlat是否启用拉伸模式默认false@scaleChange缩放值发生改变的方法可动态获取scale改变后的值注意：拉伸模式下scale值为：[x缩放值,y缩放值]；非拉伸模式下sca

Undefined--1·2023-11-09 02:27

Nvm 报错/npm报错：使用nvm后创建vite/react/vue项目时

报错：Couldnotinstallfrom"Files\node-nvm\nvm\_npx\24604"asitdoesnotcontainapackage.jsonfile.原因：安装node.js路径带有空格例：C:\ProgramFiles\nodejs查看路径方法：npmconfiggetcache解决方法方法一：执行：npmconfigedit弹出文件后，将带空格的路径改写为：npmc

风雨兼程^_^·2023-11-09 02:11

如何创建一个react项目

您的观看就是作者创作的动力前言通过vite创建一个react18版本的+vite工具+ts编译的一个项目打开小黑窗口进入npminitvite输入npmi

鋜斗·2023-11-09 02:11

手把手带你实现React+Vite+TS项目的CICD

本文节选自本人博客：前端工程化-GithubAction实现CICD作者简介：大家好，我是MilesChen，偏前端的全栈开发者。CSDN主页：爱吃糖的猫我的博客：爱吃糖的猫Github主页:MilesChen支持我：点赞+收藏⭐️+留言介绍：ThemixtureofWEB+DeepLearning+Iot+anything前言CI/CD（ContinuousIntegrationandConti

爱吃糖的猫·2023-11-09 02:11

React + Vite 实现一个音乐网站（项目搭建篇）

最近找工作屡屡碰壁，突然不想努力了…最初想搭建一个个人博客，技术栈确定为React+TS+Vite，一方面是为了学习新知识，一方面是实在闲着。但是由于之前做过个人博客所有觉得个人博客可能没啥意思。

转角已陌路·2023-11-09 02:36

vite + react +typescript 环境搭建，小白入门级教程

目录前言1.使用vite创建react项目1.npm/yarn命令初始化2.输入项目名称3.选择框架4.选择Js/Ts5.项目创建完成6.启动项目2.规范项目目录3.使用react-router-dom

小刘加油！·2023-11-09 02:36

用vite创建vue项目的几种方法

(官网默认采用的是一个vite的一个创建工具）第二钟，在任意搜索引擎上直接搜索vite进入官网，同样

别问我，我什么都不知道·2023-11-09 02:34

跟着森老师学React Hooks(1)——使用Vite构建React项目

Vite是一款构建工具，对ts有很好的支持，最近也是在前端越来越流行。

守护砂之国泰裤辣·2023-11-09 02:58

Vite创建React项目，另外一种更加简单的方法

React18DesignPatternsandBestPracticesDesign,build,anddeployproduction-readywebapplicationswithReact》4th第一章倒数第二节Viteasasolution有个脚手架工具create-vite

守护砂之国泰裤辣·2023-11-09 02:58

Vite中的CSS工程化方案

样式方案的意义Q.不用任何CSS工程方案，会有哪些问题？A.开发体验欠佳，原生不支持CSS选择器嵌套样式污染问题，容易互相覆盖和侮然浏览器兼容问题，需要手动添加浏览器前缀打包后的代码体积问题，所有的CSS代码都将打包到产物中，导致体积过大Q.CSS解决方案有哪些？A.CSS预处理器：包含主流的Sass/Scss、Less和Stylus。这些方案各自写了一套语法，可以使用嵌套规则、定义变量、条件判断

东方睡衣·2023-11-09 01:53

vite基础知识-1

为什么选择vite？讲vite之前，我们先来了解一下webpack的原理。webpack支持多种模块化（浏览器端和服务端都可以运行）。

不点外卖·2023-11-09 00:47

记一次使用分包和CDN加速的vite打包优化

本文节选自我的博客：vite打包优化记录作者简介：大家好，我是MilesChen，偏前端的全栈开发者。

爱吃糖的猫·2023-11-09 00:46

迁移 Vue v2.x 版本到 Vite

然后想着新建项目，VueCLI也是学，Vite也是学，于是哼次哼次用上了Vite，结果开始了一路的bug挨打之旅……警告：本文有1.9w+字，35张图片，10个以上报错及其解决方式，1个Demo和1个项目实例一前言

JavaScriptLiang·2023-11-09 00:16

vite3学习记录

通过vite创建一个项目pnpmcreatevite设置项目名称选择语言框架选择ts/jsts/swcjs/swcswc是新生代的js/ts编译器，使用rust编写。相比于babel编译速度更快。

TangAcrab·2023-11-09 00:16

vite1.x 热更新(HMR)的实现原理

前言将近一年前自己尝试阅读vite源码（2.x），虽然也有些收获但整体并没有到达我的预期，对于vite也是停留在一知半解的程度上。

wang_kai_7·2023-11-09 00:46

解决vite项目引入静态资源报错：ReferenceError: require is not defined

在vue-cli当中我们引用静态资源图片时需要加上require，但是它在vite项目中报错ReferenceError:requireisnotdefined后来我找到vite官网这样描述所以只要import

weixin_39744736·2023-11-09 00:46

【来实现一个简单的 Vite 吧】第三章 - 加载第三方模块

第三章-加载第三方模块书接上回第二章-修改第三方模块的路径,接下来我们来处理请加载第三方模块的问题。我们主要新增一个中间件，当请求过来的时候，我们需要判断当前的请求是否是/@/modules/${模块名称}格式，如果有的话从node_modules中加载模块实现1.创建基本的中间件//3.加载第三方模块app.use(async(ctx,next)=>{})2.判断路径上回第二章-修改第三方模块的

前端码农小王·2023-11-09 00:15

vite无法使用require,require is not defined

错误原因requireisnotdefinednode.js不是内置对象的一部分，如果想用typescript写Node.js，则需要引入第三方声明文件vue无法识别require，执行命令：npminstall@types/node--save-dev

m0_67403143·2023-11-09 00:42

【vite】vite.defineConfig is not a function/npm无法安装第三方包问题

当使用vite命令npminitvite-app项目名称时配置importvuefrom'@vitejs/plugin-vue'exportdefaultdefineConfig({plugins:[vue

Cc_Debugger·2023-11-09 00:08

Vue3：自定义图标选择器（包含 SVG 图标封装）

）本文参考：https://blog.csdn.net/houtengyang/article/details/129043100安装插件npmivite-plugin-svg-icons配置插件修改vite.config.jsimport

KissedBySnow·2023-11-08 18:27

安装配置vue3+vite

2.打开命令行或终端，运行以下命令来全局安装Vite：cnpminstall-gcreate-vite3.创建一个新项目。

懒员员·2023-11-08 18:23

vue3使用element实现表单列表，报错[vite] Internal server error: No known conditions for “./lib/theme-chalk/index

vue3使用element实现表单列表，报错[vite]Internalservererror:Noknownconditionsfor“.

baorant在写代码·2023-11-08 13:25

使用Vite创建Vue3项目配置路由+路径（包教包会）

使用Vite创建Vue3项目配置路由+路径一、创建项目：二、配置路由三、配置路径一、创建项目：创建一个文件夹在文件夹上的地址栏或者是win+R打开cmd命令窗口。

Mr.BoBo.·2023-11-08 10:49

快速上手如何用 Vite 从零搭建前端项目？

过前面的学习，我们已经知道了前端构建工具的意义，也明确了Vite相比于传统构建工具Webpack的优势。相信对于为什么要学习和使用Vite这个问题，你已经有了自己的答案。

江拥羡橙·2023-11-08 09:25

vite 打包正式环境 require is not defined

vite不支持require引入文件，静态资源修改网上有一堆方法，这里不做赘述。当我们使用某些第三方npm包时，包里面使用require引入资源文件就会导致打包正式环境报错，而开发环境能够正常运行。

marconiho·2023-11-08 08:54

钉钉内嵌H5遇到的一些问题

1、钉钉安卓使用UC3.0内核，版本比较低2、React+Vite+TS打包的H5应用的安卓端无法正常使用3、添加build配置项import{defineConfig}from'vite'exportdefaultdefineConfig

marconiho·2023-11-08 08:13

vue3.0 vite引入SVG iconfont

1.安装cnpmivite-plugin-svg-icons-D2.配置vite.config.tsimportviteSvgIconsfrom'vite-plugin-svg-icons';importpathfrom'path

沐歌丨丶·2023-11-08 06:59

Vue3中的列表拖拽排序

本文基于Vite、Vue3、ElementPlus技术栈draggable实现拖拽排序属性和事件draggable属性是

程序员辰风·2023-11-08 06:15

vue3+ts+vite中 import报错：Moudle ... has no default export

我在网上也找了很多文章的解决办法，但都不太管用，直到发现了一个解决办法是说插件的问题，vetur新版本不适用vue3，将该插件禁用，使用VueLanguageFeatures就可以完美解决了，我抱着试一试的心态，没想到成功了

poguanba·2023-11-08 04:41

使用最新版vite搭一个react 18项目

使用Vite搭建一个简单的react项目使用到的技术Vite@latest、[email protected]、[email protected]、[email protected]、AntDesign@

张大炮y·2023-11-08 04:40

Vuepress 文档脚手架(vue 3.x+vuepress2.x+vite+ts)

在项目扩展到一定程度，我们会对项目中大量的公共业务做封装，当多人开发时就带来一个问题：如何让所有人快速使用封装好的组件，降低学习成本？这里提供一个解决方案，那就是Vuepress框架，最新的Vuepress2.x框架已经蓄势待发，支持Vue3.x。一、创建一个基础Vuepress项目1、创建并进入一个新目录创建VuepressDocs目录mkdirVuepressDocscdVuepressDoc

IT飞牛·2023-11-08 01:55

Uncaught TypeError: Cannot read properties of undefined (reading ‘createElementVNode‘)

UncaughtTypeError:Cannotreadpropertiesofundefined(reading‘createElementVNode’)problem通过vite-plugin-cdn-import

snowDreamzzz·2023-11-07 20:04

基于Springboot2+Vue3的Partner交友项目(四)

cdpartner-manager、npminstall、npmrundev3npm配置淘宝镜像npmconfigsetregistryhttps://registry.npm.taobao.org4配置启动5vite.config.js

小熊zz·2023-11-07 08:51

SyntaxError: The requested module ‘vite‘ does not provide an export named ‘isCSSRequest‘的解决方法

今天本来想运行一下vue项目的编译的，结果yarndev遇到这个问题，百思不得其解，甚至拿了一个vite.config.js一模一样的项目，人家能运行它运行不了，就报这个错，搞了我两个小时到处查资料，后来觉得可能是

returnadsss·2023-11-07 07:25

【uniapp引入unocss】

第一步打开vite.config.tsimport{defineConfig}from"vite";importunifrom"@dcloudio/vite-plugin-uni";importUnocssfrom'unocss

THIM·2023-11-07 07:54

推荐频道

vite