Webpack 第3页

Vite 及生态环境：新时代的构建工具

从早期的Grunt、Gulp，到Webpack、Parcel，再到如今的Vite，每一次工具迭代都反映了前端开发需求的变化与技术生态的进步。

BitCat·2025-06-18 05:30

极速开发！Vite：前端工程化与性能优化的巅峰之作

从早期的Gulp、Grunt到如今的Webpack，每一次技术栈的演进都试图解决这些痛点，但往往也带来了更高的学习成本和更复杂的配置。

wylee·2025-06-16 17:23

Electron启动页加载及断网检测提示

项目使用的脚手架是electron-webpack-quick-start，正常加载的网址是远程网址主线程main/index.js中的部分代码conststartTime=newDate();cons

louisking111·2025-06-16 10:38

Tree Shaking进阶：如何自定义Webpack实现更彻底的代码删除

TreeShaking进阶：如何自定义Webpack实现更彻底的代码删除关键词：TreeShaking、Webpack优化、代码删除、静态分析、副作用处理摘要：本文从TreeShaking的底层原理出发

·2025-06-15 14:58

Vite vs Webpack：现代前端构建工具深度对比

目录1.核心概念与设计哲学1.1Webpack：基于打包的构建系统1.2Vite：基于原生ESM的开发服务器2.架构与工作原理对比2.1构建流程对比2.2核心技术差异3.性能对比分析3.1开发环境性能3.2

梦幻南瓜·2025-06-15 01:05

深入剖析 Webpack：前端构建的核心引擎

深入剖析Webpack：前端构建的核心引擎在现代前端开发中，Webpack已经成为了不可或缺的工具，它是前端构建的核心引擎，负责将项目中的所有资源打包成浏览器能够识别和执行的代码。

全栈探索者chen·2025-06-15 01:34

Rollup vs Webpack 深度对比：前端构建工具终极指南

Rollup与Webpack分别代表着两种不同维度的解决方案，本文将揭示它们的真实应用场景与核心差异。

sg_knight·2025-06-15 01:31

__VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined.

，用于控制生产环境下SSR水合不匹配错误的详细报告1使用esm-bundler构建版本时，需要通过打包工具全局注入这些标志以实现更好的tree-shaking29‌解决方案‌：根据不同构建工具配置：‌Webpack

Sahas1019·2025-06-15 01:30

如何在vue.config.js配置代码混淆加密、压缩？

但是，你可以采取一些措施来增加反编译的难度：1、使用Webpack的UglifyJsPlugin插件进行代码混淆。2、使用JavaScript混淆器，如js-obfuscator。

꒰ঌ小武໒꒱·2025-06-14 12:26

webpack优化：提高二次构建速度

痛点：开发过程中改一行代码却要等webpack构建半天实在太捉急。项目背景我们的项目是@vue/cli4生成的，基于webpack和vue2开发，未使用ts。

·2025-06-13 19:05

webpack打包vue项目

要在Vue项目中使用Webpack进行打包，通常有几种不同的方式来设置你的项目。

·2025-06-13 19:43

前端科举八股文-性能优化篇

webpack是干什么的？简历上写到你使用了vite，讲讲它和webpack的区别？webpack的核心配置是什么？有开发过loader吗？他的本质是什么？常用的loader？

·2025-06-13 12:54

vue2/3 - 报错Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a funct

错误描述在vue2|vue3开发，报错：UncaughtTypeError:(0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)isnotafunction

十一猫咪爱养鱼·2025-06-13 07:46

vite原理

理解Vite的原理，可以从两个核心阶段来看：一、开发环境原理（Dev模式）核心理念：原生ESM+按需加载Vite利用现代浏览器对ESM（ESModules）的支持，实现了即点即编译，无需像Webpack

光影少年·2025-06-13 06:40

提高webpack打包速度

Webpack打包时可以通过优化配置、使用缓存、多进程处理等方式来提高构建速度，以下是具体介绍：优化Webpack配置合理配置Loader减少Loader的使用：尽可能减少不必要的Loader配置，避免对无关文件进行处理

一个游离的指针·2025-06-13 03:48

Angular中Webpack与ngx-build-plus 浅学

Webpack在Angular中的概念Webpack是一个模块打包工具，用于将多个模块和资源打包成一个或多个文件。

·2025-06-12 07:46

MFE(微前端) Module Federation：Webpack.config.js文件中每个属性的含义解释

以ModuleFederation插件详为例，Webpack.config.js它可能的配置和含义如下：前言ModuleFederation的Webpack.config.js核心配置包括：name+filename

crary,记忆·2025-06-11 19:03

MFE微前端基础版：Angular + Module Federation + webpack + 路由（Route way）完整示例

microfrontend-demo/├──shell/#主应用(Shell)├──mfe1/#微前端应用1├──mfe2/#微前端应用2└──shared/#共享库2.主应用(Shell)配置shell/webpack.config.jsconstModuleFederationPlugin

crary,记忆·2025-06-11 19:03

前端知识导图

前端知识导图参考：字节标准前端知识导图通用基础1、编程语言HTMLCSSJSTS2、计算机基础计算机网略数据结构算法：二分查找、十大排序、二叉树先中后和层次遍历、集合交并集、leetcode刷题经验编译构建webpack

lucky_jiexia·2025-06-10 22:32

商城前端资源过载，性能差，该如何优化？

针对商城前端资源过载和性能瓶颈问题，可能的优化点包括：1、资源加载优化：除了Webpack的分包，还可以考虑图片压缩、懒加载，使用CDN分发静态资源，减少第三方库的体积，比如按需加载组件库。

万米商云·2025-06-10 06:32

12.vite，webpack构建工具

Vite本身是用现代浏览器原生支持的ESModule（ESM）技术做的，比以前Webpack这种“老一代打包工具”快很多、体验更丝滑。️Vite主要功能：✅超快冷启动（项目刚跑起来很快）✅

xd00002·2025-06-10 03:13

前端打包工具简单介绍

前端打包工具简单介绍一、Webpack架构与插件机制1.Webpack架构核心组成Entry（入口）指定应用的起点文件，比如src/index.js。

Code_Geo·2025-06-09 18:45

webpack面试题

面试题：webpack介绍和简单使用一、webpack（模块化打包工具）1.webpack是把项目当作一个整体，通过给定的一个主文件，webpack将从这个主文件开始找到你项目当中的所有依赖文件，使用loaders

巛、·2025-06-09 18:44

webpack项目配置

目录1.webpack的介绍2.如何使用webpack2.webpack的配置devServer3.webpack的优化1）构建时间的优化(1)thread-loader(2)cache-loader(

少吃一口就会少吃一口·2025-06-09 18:14

Webpack高级配置（干货）

前面简单的配置，看webpack5随笔_webpack5白屏-CSDN博客后续也会重新整理更新目录26.提取css成单独文件27.css兼容性处理28.css压缩-变成一行29.sourcemap30.

dlnu2015250622·2025-06-09 18:13

微前端 - Module Federation使用完整示例

app.module.tsapp.component.tsmicro-app/src/app/app.module.tsapp.component.ts主应用配置安装必要依赖：ngadd@angular-architects/module-federation修改webpack.config.js

crary,记忆·2025-06-08 19:59

webpack-SplitChunksPlugin学习

前言Webpack默认会将尽可能多的模块代码打包在一起，优点是能减少最终页面的HTTP请求数，但缺点也很明显：1页面初始代码包过大，影响首屏渲染性能；2无法有效应用浏览器缓存，特别对于NPM包这类变动较少的代码

coderlin_·2025-06-08 19:27

webpack学习笔记2

Day01铺垫(自学)yarn包管理器(必须)快速、可靠、安全的依赖管理工具。和npm类似,都是包管理工具,可以用于下载包,就是比npm快中文官网地址:https://yarn.bootcss.com/下载yarn下载地址:https://yarn.bootcss.com/docs/install/#windows-stablewindows-软件包(在笔记文件夹里)mac-通过homebrew安

Stevetagelian·2025-06-08 18:56

常用的前端打包工具及对比

常用的前端打包工具及对比WebpackViteRollupParcel总结在前端开发的世界中，打包工具扮演着至关重要的角色，它们帮助我们将分散的代码和资源文件整合成一个或多个优化后的文件，以提高应用的性能和可维护性

暖阳浅笑-嘿·2025-06-08 14:56

前端工具：Webpack、Babel、Git与工程化流程

1.Webpack：资源打包优化工具案例1：多入口文件打包假设项目有多个页面（如首页index.js和登录页login.js），需要分别打包：●配置webpack.config.js：module.exports

一小条咸鱼·2025-06-07 12:58

前端组件库 - 搭建web app常用的样式/组件等收集列表(移动优先)

0.前端自动化(Workflow)前端构建工具Webpack-modulebundlerYeoman-asetoftoolsforautomatingdevelopmentworkflowgulp-Thestreamingbuildsystemuse-gulpgrunt-theJavaScriptTaskRunnerF.I.S

weixin_34014555·2025-06-07 11:28

前端组件、插件汇总

0.前端自动化(Workflow)前端构建工具Webpack-modulebundlerYeoman-asetoftoolsforautomatingdevelopmentworkflowgulp-Thestreamingbuildsystemuse-gulpgrunt-theJavaScriptTaskRunnerF.I.S

弹琴弹琴·2025-06-07 11:24

Webpack依赖

Webpack到底怎么对我们的项目进行打包捏？

贩卖纯净水.·2025-06-07 11:24

webpack打包学习

vue开发现在项目里安装vue：npminstallvuevue的文件后缀是.vuewebpack不认识vue的话就接着安插件npminstallvue-loader-D这是.vue文件：{{title

贩卖纯净水.·2025-06-07 11:24

vue笔记-报错

文章目录报错TypeError:Cannotreadpropertiesofundefined(reading'use')vue__WEBPACK_IMPORTED_MODULE_0__.defaultisnotaconstructor

chushiyunen·2025-06-06 00:27

前端工具库lodash与lodash-es区别详解

适用于Node.js环境或通过Webpack/Browserify等工具打包的传统前端项目。示例：javascript复制下载const_=requ

·2025-06-05 22:41

Webpack性能优化：构建速度与体积优化策略

一、构建速度优化1、升级Webpack和Node.js优化效果：Webpack4比Webpack3构建时间降低60%-98%。

前端技术负责人·2025-06-05 05:43

实现自动引入 element-plus +按需引入

npmiunplugin-vue-componentsunplugin-auto-import-D配置：vue.fonfig.jsconstAutoImport=require('unplugin-auto-import/webpack

可爱的橙子大爷·2025-06-05 03:27

vue 3.0使用element-plus按需导入解决

安装#NPM$npminstallelement-plus--savenpminstall-Dunplugin-vue-componentsunplugin-auto-importwebpack配置文件即

Super XX.·2025-06-05 03:27

vue-cli项目按需引入 element-plus

transpileDependencies:true,devServer:{port:8888},configureWebpack:{plugins:[AutoImport({resolvers:[ElementPlusResolver

大前端世界·2025-06-05 03:26

使用 Vue3 + Webpack 和 Vue3 + Vite 实现微前端架构（基于 Qiankun）

本文将详细介绍如何使用Vue3+Webpack作为主项目，Vue3+Vite作为子项目，并通过Qiankun实现微前端架构。主项目配置（Vue3+Webpack）主项目是整个微前端架构的核心，它负

指尖上的 Web·2025-06-05 01:40

构建工具vite详解

类似于Webpack+Webpack-dev-server。其主要利用浏览器ESM特性导入组织代码，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随起随用。

简单灬爱·2025-06-04 23:56

vite构建工具初识

一、什么是vitevite官网地址：https://cn.vitejs.dev/Vite是一个由Vue.js作者尤雨溪开发的新一代前端构建工具，它相比于传统的webpack，具有更快的启动速度、更高的开发效率和更简洁的配置方式

jieyucx·2025-06-04 23:24

轻松玩转Vite/Rollup/webpack/esbuild/Rspack/babel插件开发（一）

大家好，我是VoerkaI18n前端多语言解决方案的作者，以下是我的一波开源项目：全流程一健化React/Vue/Nodejs国际化方案-VoerkaI18n无以伦比的React表单开发库-speedform终端界面开发增强库-Logsets简单的日志输出库-VoerkaLogger装饰器开发-FlexDecorators有限状态机库-FlexState通用函数工具库-FlexTools小巧优雅的

stonefisher·2025-06-04 01:39

【前端工程化面试题】简单说一下 vite 的原理

要回答这个问题，首先要知道的知识点有：现代浏览器对esm模块原生支持，参考这篇文章vite是基于模块的构建工具vite相比于其他的构建工具(比如：webpack)的优势在于开发阶段的优化:快速启动，快速热更新然后重点要看一下

我有一棵树·2025-06-04 01:07

深入理解前端中的模块化体系：ESM、CommonJS、AMD 对比与应用场景

模块化不仅提升了代码的复用性、可维护性，也奠定了现代构建工具（如Webpack、Vite）的技术基石。

全栈探索者chen·2025-06-03 19:24

webpack-workshop-2018：前端大师的Webpack课程实战

webpack-workshop-2018：前端大师的Webpack课程实战webpack-workshop-2018Learningresourcesforthewebpackacademyworkshopseriesfor2018

洪显彦Lawyer·2025-06-03 10:22

ES_Module基础（一）

ES_Module简介es_module是ECMA2015提出的模块化规范需要做的是浏览器的本身支持es_modulewebpack是模块化打包工具因为JS没有模块化是它的痛点，所以产生了一些社区规范：

贩卖纯净水.·2025-06-01 15:36

Vue项目打包常见问题

1、打包后不允许生成带.map的文件正常使用npmrunbuild命令打包生成的dist文件中，js文件总会生成一个同名的.map文件，原因如下：‌总结‌：Vue项目生成.map文件是Webpack为支持源码级调试而设计的默认行为

Hannah·2025-05-31 19:18

Speed Measure Webpack Plugin 使用教程

SpeedMeasureWebpackPlugin使用教程项目地址:https://gitcode.com/gh_mirrors/sp/speed-measure-webpack-plugin项目介绍SpeedMeasureWebpackPlugin

陆欣瑶·2025-05-31 12:28

推荐频道

Webpack