Vite构建工具第2页

Maven中的依赖管理: ＜dependencies＞与＜dependencyManagement＞的区别

在Java项目的构建过程中，依赖管理是一个至关重要的部分，特别是当使用Maven作为构建工具时。Maven提供了多种方式来管理项目的依赖，而和是最常用的两个概念。

Fhoro·2025-03-15 14:33

vite静态资源压缩-图片压缩

安装插件：pnpmivite-plugin-imagemin-Dvite.config.ts中使用import{defineConfig,loadEnv}from"vite";importvuefrom

·2025-03-15 14:29

前端工具链：Gulp和Grunt有什么区别？如何使用它们进行自动化构建？

Gulp和Grunt是前端开发中常用的自动化构建工具，它们都基于Node.js，但它们在设计理念、使用方式和性能表现上存在显著差异。以下将详细说明它们的区别以及如何使用它们进行自动化构建。

破碎的天堂鸟·2025-03-15 05:44

Vue3 + TypeScript 实战经验：2025年高效开发指南

一、工程配置：构建坚如磐石的基础1.脚手架选择与优化1.1推荐方案：使用Vite+create-vue初始化项目（2024年默认模板已集成TypeScript）关键配置：//vite.config.tsexportde

ctrl_cv工程师￥·2025-03-15 00:58

DevOps工具链

DevOps工具链的核心组成部分包括：代码编辑和版本控制工具svn、git自动化构建工具Jenkins、GitLabCI/CD、TravisCI持续集成和持续部署工具Jenkins、Ansible容器编排工具

zhangpeng455547940·2025-03-14 18:33

Electron+Vue3+Vite+ElectronForge整合 - 一键启动两个服务 & 一键打包两个服务

说明本文介绍一下Electron+Vue3+Vite+ElectronForge的高级整合操作。vue3:使用TS的语法开发；Electron:使用JS的语法开发。

NorthCastle·2025-03-14 16:49

Electron+Vue3+Vite+ElectronForge整合-全部ts开发 - 一键启动两个服务 & 一键打包两个服务

说明本文介绍一下Electron+Vue3+Vite+ElectronForge的高级整合操作。vue3:使用TS的语法开发；Electron:使用TS的语法开发。

NorthCastle·2025-03-14 16:49

「手把手教学」Monorepo项目搭建与管理——实战案例

Monorepo项目搭建与管理文章目录Monorepo项目搭建与管理@[TOC]实战案例第一部分：Vue组件库搭建1.1创建Vue组件库子包1.2安装Vue相关依赖1.3创建组件示例1.4配置Vite构建实战案例第二部分

lifire_H·2025-03-14 14:03

vite配置绝对路径-引入资源的绝对路径

在vite.config.ts中配置import{defineConfig}from"vite";importvuefrom"@vitejs/plugin-vue";importpathfrom"path

·2025-03-14 12:17

vuejs相关链接和格式化插件推荐

//router.vuejs.org/zh/guide/elementplus(vue3)|elementUI(vue2)：https://element-plus.org/zh-CN/#/zh-CN构建工具

醉酒的李白、·2025-03-14 10:27

在Vite创建项目中引入Sass弹出The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0

在Vite创建项目中引入Sass弹出ThelegacyJSAPIisdeprecatedandwillberemovedinDartSass2.0.0原因分析：其实通过报错提供的链接就可以知道，sass

宝子卡粉·2025-03-14 08:52

React+Vite从零搭建项目及配置详解

相信很多React初学者第一次搭建自己的项目，搭建时会无从下手，本篇适合快速实现功能，熟悉React项目搭建流程。目录一、创建项目react-item二、调整项目目录结构三、使用scss预处理器四、组件库AntDesign五、配置基础路由六、配置别名路径一、创建项目react-itemnpmcreatevitereact-item二、调整项目目录结构-src-apis项目接口函数-assets项目

一朵好运莲·2025-03-14 06:36

Stack Navigator中使用自定义的Render Callback

前言关于Vite和Vue3的讨论越来越多，看了官网的特性后，真是按捺不住想尝试一下。开发环境秒开？CompositionAPI？SFCStyleCSSVariableInjection？

AI画手小王·2025-03-14 06:32

webpack和vite的区别

主要区别是：1.构建速度Vite：开发环境下，Vite利用浏览器原生支持的ES模块（ESM），按需编译和加载模块，避免了全量打包。这使得Vite的启动速度和热更新速度极快，尤其在大型项目中优势明显。

阿丽塔~·2025-03-14 06:32

vue和django接口联调

vue访问服务端接口配置跨域前端跨域打开vite.config.js，在和resolve同级的地方添加配置。

变形金刚卖人寿保险还是汽车保险·2025-03-13 21:37

vite+vue+ts+element-plus从零开发管理后台框架(18)-主颜色优化

问题编辑src/views/Home.vue，添加一个主颜色的按钮。Primary首页{{item}}正常鼠标滑过发现鼠标滑过后颜色出问题了，这是因为按钮样式使用了主颜色相关的变量，而主颜色相关的变量不止el-color-primary这个css变量。按钮样式主颜色变量所以我们要把这些主颜色相关的变量都动态设置解决编辑src/store/color.ts，添加如下辅助方法。import{defin

mirahs·2025-03-13 19:17

vite+vue+ts+element-plus从零开发管理后台框架(03)-路由

新建视图新建src/views/Login.vue，内容如下。这是登录页新建src/views/Main.vue，内容如下。这是主页新建src/views/errors/404.vue，内容如下。404pagenotfound编辑src/App.vue，内容如下。路由配置安装组件[email protected]新建src/router/index.ts，内容如下。import{

mirahs·2025-03-13 18:17

vue3+ts+vite+pinia+element-plus搭建一个项目

创建一个基于Vue3、TypeScript、Vite、Pinia和ElementPlus的项目是一个现代化的前端开发流程，这种配置通常用于构建轻量级、快速和模块化的单页应用程序（SPA）。

貂蝉空大·2025-03-13 18:15

vite+vue+ts+element-plus从零开发管理后台框架(17)-主颜色动态设置

之前的主颜色是静态设置的，这里通过颜色选择器选择颜色动态设置。删除静态设置主颜色编辑src/style.css，删除如下静态主颜色样式。:root{--el-color-primary:red;}:root.dark{--el-color-primary:red;}颜色Store新建src/store/color.ts，内容如下。主要是有一个primary主颜色的属性并且默认是element-pl

mirahs·2025-03-13 18:41

vite+vue+ts+element-plus从零开发管理后台框架(20)-多页签移除和跳转

多页签添加移除方法编辑src/store/fastnav.ts，添加removeData方法。removeData(path:string):string{if(this.datas.length{{item.desc}}script段添加onTagClose方法。constonCollapseSwitch=()=>{menuStore.collapse=!menuStore.collapse}c

·2025-03-13 15:44

npm run dev原理

所以执行npmrundev等同于执行vite（仅限于下图场景中）2、npm会到node_modules/.bin/目录下找到vite.sh，并执行该shell该shell文件如下#!

black^sugar·2025-03-13 12:03

解决 java.lang.RuntimeException: org.codehaus.plexus.component.repository 错误的全面指南

java.lang.RuntimeException:java.lang.RuntimeException:org.codehaus.plexus.component.repository是一个常见的错误，通常与Maven构建工具相关

梦幻南瓜·2025-03-13 12:33

npm【一】---vue3+vite+ts 发布、更新自定义组件到npm仓库

1.初始化项目本示例使用npm7+版本（项目为sos-ol-map）#npm6.xnpminitvite@latestsos-ol-map--templatevue-ts#npm7+,需要额外的双横线：npminitvite@latestsos-ol-map----templatevue-ts#yarnyarncreatevitesos-ol-map--templatevue-ts#pnpmpnp

sisimi_43966973·2025-03-13 12:30

如何部署Java应用到服务器

打包Java应用：使用IDE（如IntelliJIDEA或Eclipse）或构建工具（如Maven或Gradle）将Java项目打包成WAR或JAR文件。

DKPT·2025-03-13 12:57

【CMake指南】第1篇：CMake入门基础

CMake是一个跨平台的自动化构建工具，用于管理C/C++项目的编译过程。

JuicyActiveGilbert·2025-03-13 11:21

使用Vite创建Vue3项目

为啥选vite创建，请看vite官网给出的解释，我只是一个不想记忆的咸鱼。使用npm搭建项目，要求Node.js版本>=14.18.0。

Asafoetida阿魏·2025-03-13 11:20

从零到一：如何系统化封装并发布 React 组件库到 npm

mkdirmy-component-librarycdmy-component-librarynpminit-y1.2安装依赖安装开发所需的依赖项，如构建工具、测试框架等。

冬冬小圆帽·2025-03-13 11:48

如何搭建一个适配微信小程序，h5，app的工程

在vscode搭建uni-app项目（Vue3+Vite+Pinia+uViewPlus）一、环境准备1.安装Node.js确保已安装Node.js（需≥14版本），可通过以下命令检查版本：node-v

牛牪犇0·2025-03-13 08:59

vite+vue+ts+element-plus从零开发管理后台框架(14)-全屏切换

安装插件npminstall@vueuse/[email protected]编辑src/views/Main.vue，template段header-right下最前面添加如下代码。script段引入并实例化FullScreenimport{onMounted,ref}from'vue'import{useRoute,useRouter}from'vue-router'import{useFullscre

·2025-03-13 06:32

Vite 不支持 require 解决方案（三种情况/require is not defined）

前言首先，Vite中没有require相关方法，因为它默认支持ESM方式加载模块！

Harriet嘉·2025-03-13 05:34

全局引用scss文件定义的变量

在vite.config.ts文件中写如下代码css:{preprocessorOptions:{scss:{additionalData:`@use"@/assets/styles/index.scss

魏时烟·2025-03-13 04:55

100.Vue3 + OpenLayers：使用 marker-feature 添加 Marker

1.项目初始化如果你的Vue3项目还没有创建，可以使用Vite进行快速搭建：npmcreatevite@latestvue-openlayers-demo--tem

吉檀迦俐·2025-03-12 20:59

Vue Amazing UI插件推荐

以下是针对VueAmazingUI的综合分析和技术选型建议，结合其技术特性、适用场景及与主流库的对比：一、核心优势解析技术栈轻量高效Vue3+Vite原生支持：充分发挥Vue3的CompositionAPI

前端熊猫·2025-03-12 19:24

vite自动引入api（按需import）

pnpminstall-Dunplugin-auto-import在vite.config.ts中配置//vite

·2025-03-12 12:25

Vite+微前端Qinkun的基本部署

一、前言Qiankun是一个基于Single-SPA的微前端框架，由阿里巴巴团队开发并开源。它旨在帮助开发者将大型前端应用拆分为多个独立的子应用，从而实现更高效的开发、维护和部署。Qiankun提供了一套完整的解决方案，支持多个独立的前端应用在同一个页面中运行，同时保持各自的独立性和隔离性。二、核心特征应用隔离：Qiankun通过沙箱机制实现了JavaScript、CSS和DOM的隔离，确保子应用

前端程序员_花姐夫Jun·2025-03-12 10:23

探索Dash-FastAPI-Admin：一款强大的Web应用后台构建工具

探索Dash-FastAPI-Admin：一款强大的Web应用后台构建工具项目地址:https://gitcode.com/gh_mirrors/da/Dash-FastAPI-Admin是一个开源项目

司莹嫣Maude·2025-03-12 06:26

Vue-前端发展史

文章目录Vue-前端发展史二、前端发展史1、UI框架2、JavaScript构建工具3、三端同一4、后端技术5、主流前端框架混合开发微信小程序Vue-前端发展史二、前端发展史1、UI框架Ant-Design

lengzher_5601·2025-03-11 20:36

webpack

webpack介绍webpack是一个构建工具,实现了模块化管理项目.他的工作方式是用各种loader将各种资源转化为js文件或者对js文件进行压缩编译亦或对静态资源进行处理.官网:webpack由来模块化存在一些问题

码上跑步·2025-03-11 13:38

Java打包镜像部署的全景解析

Java应用通常使用Maven或Gradle等构建工具。Maven是一个流行的项目管理工具，通过XML配置文件来定义项

程序员总部·2025-03-11 01:32

three.js 在 webGL 添加纹理

为了方便，我将使用vite搭建一个原生js项目

belldeep·2025-03-11 01:28

Geojson大文件读取

您可以使用Maven或Gradle等构建工具来管理这些依赖项，或手动下载和添加库文件。创建ObjectMapper对象：ObjectMappe

fishinair123·2025-03-10 20:50

vite+vue+ts+element-plus从零开发管理后台框架(15)-暗黑模式

设置编辑src/main.ts，引入暗黑模式样式文件。import'element-plus/dist/index.css'import'element-plus/theme-chalk/dark/css-vars.css'编辑src/views/Main.vue，template段header-right下最前面添加如下代码。script段引入并实例化useDarkimport{useFulls

·2025-03-10 18:25

vite+vue+ts+element-plus从零开发管理后台框架(12)-logo和标题

编辑src/views/Main.vue，template段header-left修改如下。logo和标题全部在router-link标签下，即点击的时候会跳转到/这个路由，展开状态下显示logo和标题，折叠状态下只显示logo。VEVueElementstyle段header-left修改如下，这里要注意route-link渲染之后就是a标签。.header-left{&a{height:60p

·2025-03-10 18:25

vite+vue+ts+element-plus从零开发管理后台框架(08)-顶部整体布局

顶部整体使用左、中、右的布局。左侧宽度跟菜单宽度一样，如果菜单未折叠就显示后台logo和后台名称，如果折叠了就只显示后台logo。右侧内容自适应，主要是显示系统工具按钮和用户信息。中间使用剩余空间，主要是显示菜单折叠按钮和多页签。布局编辑src/views/Main.vue，template段el-header修改如下。leftcenterrightstyle段el-header类修改如下.el-

·2025-03-10 18:54

Vite 打包后Nginx部署配置

vite.config.js配置文件—纯笔记记录,没有阅读价值～exportdefault{base:"/mywebsite",//开发或生产环境服务的公共基础路径}当base修改后nginx部署时需要做相应调整

winyh5·2025-03-10 05:36

electron + vue3 + vite 渲染进程到主进程的单向通信

用示例讲解下渲染进程到主进程的单向通信初始版本项目结构可参考项目：https://github.com/ylpxzx/electron-forge-project/tree/init_project渲染进程到主进程（单向）以Electron官方文档给出的”渲染进程触发动作修改主进程窗口标题“为例完整项目示例：https://github.com/ylpxzx/electron-forge-proj

狼性书生·2025-03-09 10:56

vue3+vite插件开发

typeScript不太友好(由于装饰器语法过于复杂,这里不讨论vue2+装饰器来使用typeScript),故vue2项目没有开发webpack插件去实现代码补全这篇文章主要介绍的是vue3+ts+vite

糖糖老师436·2025-03-09 05:50

Maven 使用指南：基础 + 进阶 + 高级用法

目录前言Maven是Java生态中最流行的项目管理和构建工具之一。它通过pom.xml文件管理项目的依赖、构建生命周期和插件配置。

波波有料·2025-03-09 05:16

大事件开发 - 前端学习笔记

1.环境准备1.1创建Vue项目使用vite创建Vue3工程。目录结构调整，确保清晰的项目结构。

我只是什么都不会而已·2025-03-09 00:42

vite：初学 p5.js demo 画圆圈

为了方便，我将使用vite搭建一个原生js项目。1.创建项目npmcreatevite@latestp5-demo选：Vanilla选：JavaScrip

belldeep·2025-03-08 21:05

推荐频道

Vite构建工具