自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(649)
  • 资源 (16)
  • 收藏
  • 关注

原创 uni-app开发-第6篇:uni-app 样式与主题

在 uni-app 开发中,样式与主题的管理是关键部分。样式分为全局样式和局部样式,全局样式在 App.vue 中定义,适用于整个应用,而局部样式在单个 .vue 文件中定义,仅对当前页面生效。局部样式优先级高于全局样式,内联样式优先级最高。样式属性如 font-family 和 color 可被子元素继承。要覆盖全局样式,可在局部样式中重新定义相同规则。主题切换通过 CSS 变量和类名实现,动态切换主题可通过修改元素的类名来完成。例如,定义浅色和深色主题,并通过按钮点击切换主题样式。这些方法帮助开发者灵活

2025-05-20 08:58:22 1

原创 uni-app开发-第5篇:uni-app API 调用

本文介绍了uni-app中常用的API调用方法,包括网络请求、数据存储和系统信息获取。在网络请求部分,详细展示了如何使用uni.request发起GET和POST请求,并提供了请求拦截与响应处理的封装示例。数据存储部分,介绍了如何使用uni.setStorage、uni.getStorage和uni.removeStorage进行本地数据的存储、读取和删除。系统信息部分,展示了如何通过uni.getSystemInfo获取设备信息,并根据屏幕尺寸进行适配。这些API的使用为uni-app开发提供了基础功能支

2025-05-20 08:57:51 1

原创 uni-app开发-第4篇:uni-app 组件使用

本文介绍了uni-app中组件的使用,包括内置组件和自定义组件的创建与通信。内置组件部分详细讲解了视图容器组件(如<view>、<scroll-view>、<swiper>)、基础内容组件(如<text>、<image>、<rich-text>)和表单组件(如<input>、<textarea>、<button>)的使用方法,并提供了代码示例。自定义组件部分则介绍了如何创建、封装组件,并通过props

2025-05-20 08:57:16 1

原创 uni-app开发-第3篇:uni-app 页面与路由

本文详细介绍了 uni-app 中的页面开发与路由管理。首先,页面是应用的基础单元,创建页面时需在pages目录下新建文件夹和.vue文件,页面结构由<template>、<script>和<style>三部分组成。uni-app 页面生命周期函数包括onShow、onReady、onHide和onUnload,分别用于处理页面显示、渲染完成、隐藏和卸载时的逻辑。其次,路由管理通过pages.json文件配置页面路径和样式,并提供uni.navigateTo等方法进行路由

2025-05-20 08:56:43 1

原创 uni-app开发-第2篇:前端基础回顾与应用

本文介绍了在 uni-app 开发中如何应用前端基础知识,包括 HTML、CSS 和 JavaScript 的使用。在 HTML 部分,详细讲解了常用标签如 <view>、<text>、<image> 和 <button> 的使用场景,并展示了如何搭建页面结构。CSS 部分则介绍了样式表的引入方式、响应式布局与适配技巧,特别是 rpx 单位和媒体查询的应用。JavaScript 部分重点讲解了数据绑定、事件处理以及异步操作与回调函数的使用,帮助开发者实现交互功

2025-05-20 08:56:00 2

原创 uni-app开发-第1篇:uni-app 入门

uni-app 是一款基于 Vue.js 的跨平台开发框架,允许开发者通过一套代码同时发布到 iOS、Android、Web 及多种小程序平台,显著降低开发成本并提升效率。其优势包括强大的跨端能力、接近原生的性能、丰富的 Vue.js 生态以及低学习门槛。开发环境搭建主要涉及 HBuilderX IDE 的安装与配置,以及 DCloud 开发者账号的注册与关联。创建第一个 uni-app 项目时,HBuilderX 会自动生成基础代码和文件结构,包括 pages 目录(存放页面文件)、static 目录(存

2025-05-20 08:55:13 1

原创 前端3D技术-10. 未来趋势与拓展

前端3D技术正随着科技进步不断革新,展现出实时渲染技术和人工智能结合等未来趋势。实时渲染技术通过光线追踪和机器学习优化,提升了渲染质量和效率,为用户带来更真实的视觉体验。人工智能则推动了虚拟角色交互和3D内容自动生成,降低了创作门槛。此外,丰富的学习资源如Three.js Examples、Babylon.js Sandbox和React Three Fiber Examples,以及国内外活跃的技术社区如SegmentFault、Stack Overflow和Three.js Forum,为开发者提供了持

2025-05-20 08:52:37 2

原创 前端3D技术-9. 实战项目

理论知识的学习最终要落实到实践中,才能真正掌握前端3D开发的精髓。接下来我们将通过两个典型的实战项目——3D产品展示页面和3D游戏开发,进一步巩固所学知识,提升实际开发能力。

2025-05-20 08:52:24 2

原创 前端3D技术-8. AR/VR 开发

AR(增强现实)和VR(虚拟现实)技术在前端3D开发中日益重要,提供了沉浸式交互体验。AR通过将虚拟信息叠加到现实场景中,应用于购物、教育等领域;VR则构建完全虚拟的环境,常用于游戏和虚拟旅游。WebXR API为开发者提供了统一的接口,支持跨平台设备,简化了AR/VR应用的开发。使用Three.js和WebXR API,开发者可以快速创建AR和VR场景,如通过AR展示3D模型或通过VR实现头部移动的交互体验。随着技术进步,AR/VR在前端开发中的应用前景广阔。

2025-05-20 08:52:12 2

原创 前端3D技术-7. 性能优化

在前端3D开发中,性能优化是提升用户体验的关键。针对WebGL和Three.js,本文介绍了几种有效的优化技巧。在WebGL中,通过纹理压缩和优化(如使用DXT、ETC、ASTC格式)以及减少渲染对象数量(如合并几何体和对象复用)来降低内存占用和渲染开销。在Three.js中,合理组织层次结构、使用InstancedMesh进行批处理、视锥体剔除和遮挡查询等技术可以进一步提高渲染效率。通过这些优化手段,开发者能够显著提升3D场景的性能,确保页面流畅运行。

2025-05-20 08:51:57 1

原创 前端3D技术-6. 动画与交互

在前端 3D 开发中,动画与交互是提升用户体验的关键因素。动画可以让 3D 场景更加生动有趣,而交互则能使用户与场景进行实时互动,增强沉浸感。下面我们将详细介绍在 Three.js 中实现动画与交互的方法。

2025-05-20 08:51:45

原创 前端3D技术-5. 光照与阴影

在前端3D开发中,光照与阴影是提升场景真实感的关键元素。Three.js提供了多种光照类型,包括环境光、平行光、点光源和聚光灯,每种光源都有其独特的应用场景和效果。环境光均匀照亮整个场景,平行光模拟太阳光,点光源和聚光灯则用于局部照明。光照对材质的表现有显著影响,不同光源会突出材质的纹理、凹凸感或营造特定氛围。在Three.js中,可以通过简单的代码创建和调整光源,如设置光照强度、颜色和位置。阴影的实现需要启用渲染器的阴影映射功能,并设置光源和物体的阴影投射与接收。通过调整阴影类型和质量,可以进一步提升场景

2025-05-20 08:51:26

原创 前端3D技术-4. 3D 模型加载与处理

在前端3D开发中,加载和处理3D模型是构建丰富视觉效果的关键步骤。Three.js提供了强大的加载器支持多种3D模型格式,如GLTF/GLB、FBX和OBJ。GLTF/GLB因其高效和广泛支持成为Web 3D的首选格式,而FBX和OBJ则分别适用于复杂模型和简单几何数据。通过Three.js的GLTFLoader和FBXLoader,开发者可以轻松加载这些模型,并进行缩放、旋转、平移等变换操作。此外,还可以通过替换材质和处理纹理来改变模型的外观。掌握这些技术,能够在前端3D项目中灵活运用模型资源,提升场景的

2025-05-20 08:51:14 118

原创 前端3D技术-3. Three.js 入门

Three.js 最大的优势在于它对 WebGL 复杂的底层操作进行了高度抽象,将 3D 开发所需的各种功能模块化,让开发者无需深入理解图形学原理,就能快速创建出精美的 3D 场景。它拥有丰富的文档和活跃的社区,无论是遇到技术难题还是想学习进阶技巧,都能轻松获取资源。此外,Three.js 支持多种 3D 文件格式的加载,并且具备良好的性能优化机制,能够适应不同的应用场景。例如,使用 Three.js 开发的 3D 产品展示页面,不仅能以逼真的效果呈现产品细节,还能保证在网页端流畅运行。

2025-05-20 08:51:03

原创 前端3D技术-2. WebGL 基础

WebGL 是前端3D开发中的核心技术,基于 OpenGL ES 2.0,允许在网页的 <canvas> 元素中渲染3D图形。其工作原理通过图形渲染管线,将3D模型转换为2D图像,涉及顶点着色器和片元着色器的处理。WebGL 与 OpenGL ES 相似,但需处理浏览器环境中的问题。搭建 WebGL 环境需创建 HTML 页面并引入 <canvas> 元素,通过 getContext('webgl') 获取上下文,并处理兼容性问题。WebGL 使用右手坐标系,支持透视和正交投影,着色

2025-05-20 08:50:44

原创 前端3D技术-1. 前端 3D 技术概述

前端3D技术正在重塑用户体验,广泛应用于游戏开发、数据可视化、虚拟展览和AR/VR等领域。在游戏开发中,3D技术使网页游戏具备媲美原生游戏的视觉效果和操作体验。数据可视化通过3D模型更直观地展示复杂数据,如地理信息和金融指标。虚拟展览利用3D技术实现高精度展品建模,用户可在线浏览博物馆和艺术馆。AR/VR技术结合前端3D,提供沉浸式体验,如虚拟家居摆放和虚拟旅游。主要技术栈包括WebGL、Three.js和Babylon.js,这些工具简化了3D场景的创建和渲染,使开发者能够高效构建复杂的3D应用。随着技术

2025-05-19 08:59:24 90

原创 Vite-第10篇:Vite的高级配置与技巧

Vite 提供了多种高级配置与技巧,帮助开发者提升开发效率和代码质量。首先,Vite 支持通过 .env 文件定义环境变量,并根据不同环境自动加载相应的配置,开发者可以通过 import.meta.env 访问这些变量。其次,Vite 允许开发者自定义服务器中间件,用于处理请求、记录日志或转发请求等场景。此外,Vite 还可以与 ESLint 和 Prettier 等工具集成,通过插件实现代码的自动检查和格式化,确保代码风格一致。通过这些高级配置与技巧,开发者可以更好地利用 Vite 的功能,优化开发流程。

2025-05-19 08:59:02 5

原创 Vite-第9篇:Vite在多页面应用中的实践

本文介绍了如何在Vite中高效开发多页面应用。首先,合理的项目结构设计是基础,建议将页面、静态资源和可复用组件分别存放在src/pages、src/assets和src/components目录中,并遵循统一的文件命名规范。其次,通过配置vite.config.js中的build.rollupOptions.input来指定多页面入口,并借助vite-plugin-html插件自动生成HTML文件。此外,文章还探讨了页面间资源共享与优化的方法,如使用公共CSS和JavaScript文件、代码分割以及静态资源

2025-05-19 08:58:51 8

原创 Vite-第8篇:Vite与TypeScript的结合

Vite与TypeScript的结合为现代前端开发提供了高效的开发体验。通过Vite可以快速初始化一个支持TypeScript的项目,无论是React还是Vue框架。项目结构包括tsconfig.json、src目录和vite.config.ts等文件,Vite默认已对TypeScript提供支持。开发过程中,可以通过tsc --noEmit进行类型检查,确保代码质量。构建流程中,合理配置tsconfig.json和利用Vite的预构建功能可以优化性能。生产环境中,使用vite build命令进行构建,并通

2025-05-19 08:58:39 5

原创 Vite-第7篇:Vite的热更新(HMR)机制

Vite的热更新(HMR)机制基于原生ES模块,通过拦截模块请求和WebSocket消息传递,实现快速、高效的代码更新。与传统热更新相比,Vite的HMR更加轻量,仅更新实际变更的模块,减少数据传输和处理时间。在不同场景下,如JavaScript模块、CSS样式和Vue/React组件更新,Vite都能精准处理,保留应用状态,避免页面刷新。然而,HMR可能遇到失效、页面异常或更新缓慢等问题,需检查网络设置、配置错误、代码优化和依赖关系等,以确保HMR的正常运行和高效性能。

2025-05-19 08:58:25 5

原创 Vite-第6篇:Vite的构建与部署优化

本文详细介绍了Vite在生产环境中的构建与部署优化策略。首先,通过vite.config.js中的build选项配置生产环境构建,包括输出路径、文件名格式等。其次,提出了性能优化策略,如代码压缩、Tree Shaking、CSS压缩和图片压缩,以减少文件体积。接着,讨论了静态资源的处理与打包策略,包括资源内联、代码分割和缓存优化。最后,提供了部署到GitHub Pages和服务器的具体方案,包括基础路径设置、构建与推送、上传文件及服务器配置。通过这些优化措施,可以有效提升Vite项目的性能和可部署性。

2025-05-19 08:58:07 3

原创 Vite-第5篇:Vite的插件生态与应用

Vite 的插件生态丰富,能够显著提升开发效率。官方插件如 @vitejs/plugin-react 和 @vitejs/plugin-vue 分别支持 React 和 Vue 项目,提供 JSX 转换、快速刷新、模板编译等功能。第三方插件如 vite-plugin-pwa 可将项目转换为渐进式 Web 应用,支持离线使用;vite-plugin-svg-icons 则方便 SVG 图标的管理与使用。此外,开发者可以自定义插件,通过钩子函数扩展 Vite 的功能,满足特定需求。通过合理使用官方、第三方及自定

2025-05-19 08:57:56 4

原创 Vite-第4篇:Vite中的样式处理

Vite 提供了对 CSS、SCSS 和 LESS 等样式文件的全面支持,开发者可以直接在 JavaScript 或 TypeScript 文件中导入这些样式文件。对于 SCSS 和 LESS,需要分别安装 sass 和 less 依赖。Vite 还支持样式模块化,通过在样式文件名后添加 .module,可以将样式限定在特定组件内,避免全局样式冲突。此外,Vite 允许在配置文件中对样式预处理进行定制,如为 SCSS 配置全局变量,并支持在生产环境中自动压缩 CSS 文件。通过这些功能,Vite 提供了灵活

2025-05-19 08:57:42 116

原创 Vite-第3篇:Vite与主流框架的集成

本文介绍了如何将Vite与主流前端框架(React、Vue2、Vue3、Angular)进行集成。首先,详细讲解了Vite + React项目的搭建与配置,包括初始化项目、路径别名和环境变量的设置。接着,分别介绍了Vite与Vue3和Vue2的集成方法,重点展示了Vue3的组合式API和Vue2的依赖安装与配置。最后,探讨了Vite与Angular的适配,包括项目创建、Vite插件的安装与配置。通过这些步骤,开发者可以利用Vite的高性能和便捷配置,提升前端开发效率。

2025-05-19 08:55:18 3

原创 Vite-第2篇:Vite的模块解析与依赖处理

Vite 利用原生 ES 模块的优势,通过 import 和 export 语法实现模块的导入与导出,支持动态导入和浏览器兼容性处理,显著提升开发效率。为了优化性能,Vite 引入依赖预构建机制,基于 esbuild 将第三方依赖库转换为适合浏览器加载的格式,并通过缓存减少构建时间。开发者可以通过 vite.config.js 配置预构建的依赖。对于第三方库,Vite 支持直接引入、通过 npm 安装或自定义处理,确保项目的高效运行。通过这些策略,Vite 在模块解析与依赖处理方面提供了强大的支持,优化了开

2025-05-19 08:55:05 133

原创 Vite-第1篇:Vite入门与基础概念解析

Vite是一款现代前端构建工具,以其极速的开发体验和简洁的设计理念受到开发者青睐。其核心优势包括:基于原生ES模块实现冷启动瞬间完成和热更新即时响应,轻量简洁的开箱即用特性,以及对主流前端框架的良好兼容性。Vite的设计理念围绕原生ES模块展开,开发环境中直接提供模块请求,生产环境则采用Rollup进行高效优化。安装Vite需先安装Node.js,随后可通过命令行或可视化工具快速创建项目。vite.config.js是Vite的核心配置文件,常用配置项包括base、resolve、server和build,

2025-05-19 08:54:52 4

原创 Webpack-第 15 篇:Webpack 5 未来发展与趋势

Webpack 5 的未来发展与趋势聚焦于性能优化、兼容性提升和功能增强,特别是在模块联邦、ESNext 特性支持、WebAssembly 和 Serverless 架构集成方面。Webpack 社区活跃,持续推动项目更新,如改进持久化缓存和模块联邦的稳定性。与 Vite 和 Rollup 相比,Webpack 在大型复杂项目中表现优异,拥有丰富的插件生态系统和强大的代码分割能力。尽管 Vite 在开发环境下的启动速度更快,Webpack 仍在前端构建领域占据重要地位,未来将继续通过创新满足开发者需求。

2025-05-19 08:54:35 2

原创 Webpack-第 14 篇:Webpack 5 生态系统与工具集成

本文介绍了如何在 Webpack 5 中集成 ESLint、Prettier、Jest 以及 CI/CD 工具,以提升代码质量和开发效率。首先,通过安装和配置 ESLint 和 Prettier,确保代码风格一致并自动格式化。接着,使用 Jest 进行单元测试,配置 Babel 和 Jest 以支持现代 JavaScript 语法,并编写测试用例。最后,通过 GitHub Actions 实现 CI/CD 流程,自动化代码检查、测试、构建和部署。这些工具的集成有助于提高代码质量、减少错误,并加速开发流程。

2025-05-19 08:54:18 2

原创 Webpack-第 13 篇:Webpack 5 构建流程剖析与调试

本文详细解析了 Webpack 5 的构建流程,分为初始化、编译和生成三个阶段。在初始化阶段,Webpack 解析配置文件并创建编译器对象;编译阶段通过入口模块解析、模块递归加载和构建模块关系图完成代码处理;生成阶段则进行模块打包、资源文件生成和最终输出。文章还介绍了调试构建问题的方法,如查看控制台输出、使用 Source Map、添加调试信息以及调试插件和 Loader。此外,推荐了 webpack-bundle-analyzer 和 speed-measure-webpack-plugin 等性能分析工

2025-05-19 08:54:02 69

原创 Webpack-第 12 篇:Webpack 5 中的 CSS 处理与优化

在 Webpack 5 中,CSS 处理与优化是提升项目性能的重要环节。首先,CSS 模块化通过 css-loader 的 modules 选项实现,确保样式局部作用,避免全局冲突。其次,预处理器如 Sass 和 Less 可以通过 sass-loader 和 less-loader 集成,简化样式编写。此外,使用 mini-css-extract-plugin 实现 CSS 代码分割,将样式提取到单独文件中,提升加载效率。最后,通过 css-minimizer-webpack-plugin 压缩 CSS

2025-05-19 08:53:44 168

原创 Webpack-第 11 篇:Webpack 5 与 TypeScript 集成

本文介绍了如何将 Webpack 5 与 TypeScript 集成,并提供了详细的配置步骤。首先,通过初始化项目、安装依赖、配置 tsconfig.json 和 webpack.config.js 文件,搭建了基本的开发环境。接着,创建了项目文件并配置了开发服务器。文章还探讨了如何通过 fork-ts-checker-webpack-plugin 进行类型检查,并优化构建过程,如启用缓存和代码分割。最后,介绍了如何将 TypeScript 与 React 和 Vue 框架结合使用,包括安装相关依赖、修改配

2025-05-18 11:32:34 10

原创 Webpack-第 10 篇:Webpack 5 配置进阶技巧

本文介绍了 Webpack 5 的进阶配置技巧,主要包括动态配置与环境变量使用、多页面应用配置以及配置文件拆分与复用。通过动态配置,可以根据不同环境生成不同的 Webpack 配置,使用 cross-env 工具跨平台设置环境变量。多页面应用配置则通过 glob 模块自动生成多个入口文件和 HTML 文件,适用于多页面项目。最后,通过将 Webpack 配置文件拆分为公共配置、开发环境和生产环境配置,提高了代码的可读性和可维护性,并方便复用公共配置。这些技巧使得 Webpack 配置更加灵活和易于管理。

2025-05-18 11:32:11 68

原创 Webpack-第 9 篇:Webpack 5 的模块联邦(Module Federation)

Webpack 5 的模块联邦(Module Federation)是一项强大的特性,允许不同 Webpack 构建之间共享代码模块,支持微前端架构的动态模块加载。模块联邦的核心原理是通过远程模块的动态加载,主机应用可以加载远程应用的 remoteEntry.js 文件,并动态使用其暴露的模块。文章详细介绍了如何创建远程应用和主机应用,并通过 Webpack 配置实现模块共享。此外,模块联邦支持共享模块和依赖管理,避免重复加载和版本冲突,从而构建灵活、可扩展的前端架构。通过模块联邦,开发者可以独立开发、测试

2025-05-18 11:31:54 7

原创 Webpack-第 8 篇:Webpack 5 生产环境优化

本文介绍了如何通过 Webpack 5 优化生产环境下的代码打包和性能。首先,通过 TerserPlugin 和 css-minimizer-webpack-plugin 分别压缩 JavaScript 和 CSS 代码,并利用 TerserPlugin 进行代码混淆。其次,通过文件名哈希和缓存策略(如 SplitChunksPlugin)实现长效缓存,确保浏览器在文件更新后能获取最新版本。最后,使用 webpack-bundle-analyzer 分析打包体积,并通过 Tree-Shaking、代码分割和

2025-05-18 11:31:35 7

原创 Webpack-第 7 篇:Webpack 5 开发环境配置

本文介绍了如何在 Webpack 5 中配置开发环境,重点讲解了 Webpack Dev Server 的使用与配置、热更新(HMR)的原理与实现,以及调试与错误处理的技巧。首先,通过安装和配置 Webpack Dev Server,开发者可以快速启动本地服务器并实现自动刷新。其次,通过开启 HMR 功能,可以在不刷新页面的情况下更新模块,提升开发效率。最后,文章还介绍了如何使用 Source Map 进行调试,以及如何通过插件优化错误信息的显示。通过这些配置和技巧,开发者可以更高效地进行前端开发。

2025-05-18 11:30:41 7

原创 Webpack-第 6 篇:Webpack 5 与不同框架集成

本文介绍了如何将 Webpack 5 与 React、Vue 2 和 Vue 3 框架集成。首先,通过初始化项目、安装依赖、配置 Babel 和 Webpack,详细展示了如何搭建一个基于 React 的 Webpack 项目。接着,分别介绍了与 Vue 2 和 Vue 3 的集成步骤,包括安装相关依赖、配置 Webpack 以及创建项目文件。通过这些步骤,开发者可以快速搭建并运行基于不同前端框架的 Webpack 项目,实现高效的开发环境配置。

2025-05-18 11:30:23 1

原创 Webpack-第 5 篇:Webpack 5 中的资源模块

Webpack 5 引入了资源模块(Asset Modules),简化了静态资源的处理。资源模块包括四种类型:asset/resource、asset/inline、asset/source 和 asset。asset/resource 将资源输出为单独文件,适用于大文件如图片;asset/inline 将资源转换为 Data URL 嵌入代码,适用于小文件;asset/source 直接返回文件内容;asset 根据文件大小自动选择 asset/resource 或 asset/inline。配置时可通过

2025-05-18 11:22:35 1

原创 Webpack-第 4 篇:Webpack 5 构建性能优化

Webpack 5 通过引入持久化缓存机制、代码分割与懒加载策略以及 Tree-Shaking 技术,显著提升了构建性能和应用加载速度。持久化缓存通过存储中间结果,减少重复编译,提升增量构建效率。代码分割将大代码包拆分为小包,减少初始加载量,动态导入实现懒加载,优化用户体验。Tree-Shaking 则通过静态分析移除未使用代码,进一步减小打包体积。合理配置这些功能,可以有效提升 Webpack 5 的构建和运行性能。

2025-05-18 11:22:09 4

原创 Webpack-第 3 篇:Plugin 的强大功能

Webpack 插件(Plugin)是扩展 Webpack 功能的重要工具。常用插件包括:HtmlWebpackPlugin(自动生成 HTML 并注入资源)、CleanWebpackPlugin(清理输出目录)、MiniCssExtractPlugin(提取 CSS 到单独文件)和 TerserPlugin(压缩 JavaScript 代码)。这些插件通过 plugins 数组配置,适用于不同场景:开发环境注重效率,生产环境优化性能。此外,开发者可以自定义插件,通过实现 apply 方法并监听 Webpa

2025-05-18 11:21:51 1

原创 Webpack-第 2 篇:模块处理与 Loader 的使用

本文介绍了 Webpack 中常见的 Loader 及其使用方法,包括 Babel-Loader、CSS-Loader、Style-Loader、File-Loader 和 Url-Loader。Babel-Loader 用于将 ES6+ 代码转换为兼容性更好的 JavaScript,CSS-Loader 和 Style-Loader 用于处理 CSS 文件,File-Loader 和 Url-Loader 则用于处理图片等文件。文章还详细说明了 Loader 的配置方式和链式调用顺序,展示了如何通过合理配

2025-05-18 11:21:33 1

购物网设计文档,购物网设计文档

购物网设计文档购物网设计文档,购物网设计文档

2011-07-27

VIP考勤工资管理系统(VC)源代码.rar

VIP考勤工资管理系统(VC)源代码.rarVIP考勤工资管理系统(VC)源代码.rar

2011-07-27

数据结构常用算法集,请参考

数据结构常用算法集数据结构常用算法集,数据结构常用算法集

2011-07-27

天书夜读——从汇编语言到Windows内核编程

天书夜读——从汇编语言到Windows内核编程天书夜读——从汇编语言到Windows内核编程

2011-07-27

一个指纹识别的程序,可参考

一个指纹识别的程序一个指纹识别的程序一个指纹识别的程序一个指纹识别的程序

2011-07-27

用Eclipse平台进行C_C++开发

用Eclipse平台进行C_C++开发用Eclipse平台进行C_C++开发

2011-07-27

ZPLII命令参考手机

ZPLII命令参考.ZPLII命令参考.

2011-07-27

打码打印机zpl指令

打码打印机zpl指令 打码打印机zpl指令

2011-07-27

ExtJS实用开发指南

ExtJS实用开发指南 ExtJS实用开发指南

2011-07-26

extjs学习.doc

extjs学习.docextjs学习.docextjs学习.docextjs学习.doc

2011-07-26

Extjs中文文档,好东东

Ex tjs 中文文档 Extjs Ex tjs 中文文档 Extjs

2011-07-25

\WIN2003系统远程桌面多连接数设置方法

\WIN2003系统远程桌面多连接数设置方法.txt

2011-07-25

Win2003终端服务(远程桌面)破解限制

Win2003终端服务(远程桌面)破解限制.txt

2011-07-25

pdf 9.0安裝問題

pdf 9.0安裝問題, pdf 9.0安裝問題

2011-07-25

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除