Webpack

现代前端构建工具对比：Vue CLI、Webpack 和 Vite

VueCLI、Webpack和Vite是目前最流行的三个构建工具，它们各自具有独特的优势和适用场景。本文将深入探讨这些工具的特点，帮助开发者根据自己的项目需求做出明智的选择。
AmHardy·2025-04-20 14:31

webpack配置缓存

webpack持久化缓存实践前言最近在看webpack如何做持久化缓存的内容，发现其中还是有一些坑点的，正好有时间就将它们整理总结一下，读完本文你大致能够明白：什么是持久化缓存，为什么做持久化缓存?
爱分享的程序员·2025-04-20 10:03

Webpack中的文件指纹：给资源戴上个“名牌”

你是否想过，当你修改代码后，浏览器为什么仍然拿着旧版资源不放？秘密就在于——文件指纹！简单来说，文件指纹就像给每个构建出来的文件贴上独一无二的“姓名牌”，告诉浏览器：“嘿，我更新啦，换下旧货吧！”文件指纹到底是什么？文件指纹（FileFingerprinting）其实就是在文件名中附加一段由文件内容生成的哈希值。举个例子：旧版：app.js新版：app.3b8a1f2e.js哈希值（如3b8a1f
魔云连洲·2025-04-20 04:19

告别 Webpack 困惑：一文读懂配置、Loaders 与高效开发流程

实战干货：编程严选网0前言Webpack是一个强大的JavaScript模块打包工具，广泛用于前端开发。它可以将多个JavaScript文件、CSS
·2025-04-18 22:09

vue2和vue3项目打包添加时间戳

./",configureWebpack:config=>{config.output.filename=`js/[name].${Timestamp}
曾不错吖·2025-04-18 15:20

webpack 合并压缩_webpack4.0各个击破（4）—— Javascript & splitChunk

webpack作为前端最火的构建工具，是前端自动化工具链最重要的部分，使用门槛较高。
weixin_39600837·2025-04-16 12:13

工程化开发：Vue cli 脚手架 介绍&安装

优点：开箱即用，零配置内置babel等工具标准化该脚手架集成了webpack配置安装步骤：全局安装Vuecli#npm安装npmi@vue/cli-g#yarn安装yarnglobaladd@vue/cli
zneVue·2025-04-16 12:13

vite和它衍生出来的一些问题

在配置和前端工程化实现的过程就会更知悉一些，但一开始接触前端框架的时候，让我疑惑的不仅是包管理工具，还有vite，我的老师不会详细解释vite，只教我用vite创建项目，等我学的时间久一点之后，我会经常听到前辈们提到webpack
广东鱼老大·2025-04-15 18:43

细讲前端工程化

前端工程化主要包括以下几个方面：1.项目构建工具使用自动化构建工具（如Webpack,Vite,Parcel等）来处理和打包前端资源（JavaScript,CSS,图片等），
夕阳_醉了·2025-04-14 22:37

前端工程化开发

前段时间对于前端工程化的理解尚停留在用gulp或者webpack自动构建的层次，但其实包括自己在做项目的过程中早就在践行「工程化」开发，以下结合一些博客以及自己的理解详述前端工程化开发的含义。
LynnWonderLu·2025-04-14 18:37

零基础入门npm：从安装到实战，一篇熟悉Node.js包管理

无论是React、Vue这样的前端框架，还是Webpack、Babel这样的构建工具，都依赖npm进行依赖管理。据统计，截至2023年，npm仓库已托管超过200万个包，日均下载量超10亿次！
风铃儿~·2025-04-14 05:43

探索版本管理新境界：git-revision-webpack-plugin 快速指南

探索版本管理新境界：git-revision-webpack-plugin快速指南git-revision-webpack-pluginWebpackpluginthatgeneratesVERSIONandCOMMITHASHfilesduringbuild
怀灏其Prudent·2025-04-14 03:58

React8+taro开发微信小程序，实现lottie动画

save修改Taro配置(config/index.js)constconfig={plugins:['@tarojs/plugin-html',//其他插件...],mini:{canvas:true,webpackChain
ace_TiAmo·2025-04-12 08:23

前端基础：React项目打包部署服务器教程

然后现在我用了Webpack5对项目进行了打包，需要将项目部署到服务器上。PS：vue项目打包部署同理。打包好的build文件夹如下图。
destinyol·2025-04-12 04:54

Python 依赖包与虚拟环境及项目管理工具技术选型

项目及依赖管理工具，类似于Java中的Maven与Node中的npm+webpack，在开发和维护项目时起着重要的作用。
minzhuosong·2025-04-11 05:51

前端- [Vue] vue 2.x项目生产编译优化缩短编译时间

使用HardSourceWebpackPlugin：为模块提供中间缓存，第一次构建时会花费较长时间，但后续构建会显著加快。使用TerserPlugin
·2025-04-10 23:59

前端必备技能

另外，构建工具比如Webpack、Vi
Eleven·2025-04-09 23:08

深入探索 Node.js 文件监听机制：从前端工程化到原理剖析

从webpack的热模块替换到Vite的即时刷新，从CSS预处理到静态资源打包，背后都依赖于稳健的文件监听机制。
斯~内克·2025-04-09 11:50

本地项目HTTPS访问问题解决方案

以下是详细解释和解决方案：原因分析默认开发服务器仅支持HTTP大多数本地开发工具（如Vite、Webpack、React等）默认启动的是HTTP服务器，而非HTTPS。
BillKu·2025-04-09 06:49

红宝书第三十二讲：零基础学会模块打包器：Webpack、Parcel、Rollup

红宝书第三十二讲：零基础学会模块打包器：Webpack、Parcel、Rollup资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、模块打包器是什么？
·2025-04-08 10:20

rollup.js 和 webpack

Rollup.js和Webpack都是流行的JavaScript模块打包工具。它们在前端开发中被广泛用于将多个模块打包成一个或多个bundle，以优化项目的性能和可维护性。
try again！·2025-04-07 21:12

如何使用uni-app在开发app中引入本地图片

一、在Vue2中由于使用的构建工具是webpack，内置require引入文件的方式因此我们只需要cons
夏梦春蝉·2025-04-07 19:01

webpack配置解析

Webpack的配置文件一般是一个webpack.config.js文件。这个文件可以导出一个JavaScript对象，其中包含多个配置项来定义Webpack的行为。
我有一只臭臭·2025-04-07 07:17

Vue3使用Webpack？

Vue3完全支持使用Webpack作为构建工具。
繁若华尘·2025-04-07 07:46

深入解析Webpack与Vite：从原理到实战的全链路构建指南

第一章模块化演进与构建工具核心价值1.1前端模块化发展史：从混沌到标准化1.1.1原始阶段（2005-2009）全局变量污染问题：window.myApp={}立即执行函数（IIFE）实现作用域隔离：(function(){varprivateVar='secret';window.myModule={/*...*/}})();1.1.2CommonJS规范（2009）Node.js的模块实现：/
WHCIS·2025-04-07 03:24

Webpack 核心原理深度解析：从入门到精通

文章目录前言一、Webpack概述1.1什么是Webpack1.2Webpack的核心特点1.3Webpack的发展历程二、Webpack核心概念2.1入口(Entry)2.2输出(Output)2.3
北辰alk·2025-04-07 03:23

Webpack vs Vite：现代前端构建工具的巅峰对决与选型指南

构建工具的进化革命当雪碧瓶上的水珠折射出前端工程的变迁史，Webpack与Vite的决战已然成为现代前端开发的分水岭。这场始于打包理念的革命，正在重塑整个前端生态的底层逻辑。
Loving_enjoy·2025-04-07 03:22

webpack和vite的区别是什么

Webpack和Vite都是现代JavaScript应用程序的构建工具，但它们有许多不同的设计理念和实现方式。
申朝先生·2025-04-07 03:20

Webpack vs Vite：深度对比与实战示例，如何选择最佳构建工具？

WebpackvsVite：深度对比与实战示例，如何选择最佳构建工具？引言在现代前端开发中，构建工具至关重要，能直接影响开发效率和项目性能。
女巫的黑猫·2025-04-07 03:20

【前端工程化】Webpack介绍

前端工程化（1）-Webpack当然前端工程化包含的东西太多，思维导图里只是一部分我用过的选型。那从Webpack开始，如果有机会别的工具小鱼也会一点点的讲到。
小小小菜鱼·2025-04-07 00:28

vscode启动项目时报错：Use // eslint-disable-next-line to ignore the next line，可以这样来解决

解决办法：找到webpack.base.conf.js文件，并且将下面这行代码注释掉。具体位置如下图所示：保存后，再重新使用执行npmrundev就可以了
javafg·2025-04-05 23:45

Webpack压缩css/js代码减少包的体积大小

文章目录前言一、使用TerserPlugin压缩js代码二、使用css-minimizer-webpack-plugin压缩css代码总结前言在使用Webpack构建前端项目时，压缩CSS和JavaScript
小码龙~·2025-04-05 17:09

Webpack中loader的作用。

文章目录前言1.处理样式文件2.处理JavaScript文件3.处理其他文件总结前言在Webpack中，Loader是用于对模块的源代码进行转换的工具，它能够将不同类型的文件（如CSS、图片、字体、TypeScript
小码龙~·2025-04-05 17:39

Webpack优化总会让你不得不爱

当然，webpack优化千千万，但我觉得这些就够了首当其冲的，就是工作中那些用不到的样式，可能是由于历史遗留原因已经忘
「已注销」·2025-04-05 17:37

vue 项目中 img 标签使用 require 动态获取图片展示

注意webpack本身是一个预编译的打包工具，无法预测未知变量路径不能require纯变量路径；require(path),path至少要有三部分组成,目录+文件名+后缀；动态获取文件
余人于RenYu·2025-04-05 09:46

webpack4和webpack5，为什么要使用5而不用4？

Webpack4和Webpack5是两个版本的Webpack，广泛用于现代前端开发中，它们有一些显著的差异和改进。
酒江·2025-04-02 15:30

【减小图片打包体积】image-webpack-loader

压缩前：压缩后：实现步骤：1、安装image-webpack-loadernpminstallimage-webpack-loader2、添加webpack的loader配置，和plugin配置同级module
前端_yu小白·2025-04-01 12:43

2024基于webpack从0搭建vue项目，vue2

}),//自动清除dist目录插件newCleanWebpackPlugin(),//配置vueloader插件],//配置开启服务器的信息devServer:{static:{directory:path.join
2401_85124892·2025-04-01 12:40

git克隆项目报错：error: unable to create file vue...... Filename too long

error:unabletocreatefilevue/node_modules/.cache/terser-webpack-plugin/content-v2/sha512/e5/3f/b5faf543704f2634b6a622720f44908b09a1b70ff7dc1176f2d5a47496ac8f3c93f3c00043d3a4a1c1a9d829d7eae89baaf6665a4c
就叫飞六吧·2025-04-01 08:43

vue 移动端树结构功能_【H5】Vue 递归组件构建一个树形菜单

一、初始化我们直接使用vue提供的脚手架vue-cli来初始化我们的工程：#搭建项目vueinitwebpack-simpletree-menu#进入项目cdtree-menu#依赖安装npminstall
难忘念想·2025-04-01 06:30

网页的性能优化

2.分层详细说明加载性能优化"首先在资源加载方面，我会：使用Webpack的代码分割(Spl
weixin_44356698·2025-03-31 19:09

前端国际化-插件模式

文章目录Webpack插件开发解析中文调用有道翻译API生成JSON语言文件React国际化实现Webpack插件开发创建i18n-webpack-plugin.js插件：在src目录下扫描所有文件使用
神奇大叔·2025-03-31 19:09

Vue 3 项目中使用 Webpack 5 模块联邦的实践

Webpack5模块联邦是一个令人兴奋的功能，它使得在多个独立的项目中共享模块变得更加容易。在本文中，我们将探讨如何在Vue3项目中使用Webpack5模块联邦。我们将讨论所需的配置和代码示例。
晨曦之光，优美芝麻·2025-03-31 18:07

Webpack 模块联邦 VS npm 私服

一、Webpack模块联邦1、Webpack模块联邦介绍可以在多个独立应用之间共享和复用核心业务逻辑，避免代码重复，提高开发效率和维护性模块联邦是Webpack5引入的功能，允许将应用拆分为多个独立的模块
sma2mmm·2025-03-31 18:07

谈谈 Webpack 中的 Loader 和 Plugin，它们的区别是什么？

WebpackLoader与Plugin深度解析作为前端工程化的核心工具，Webpack的Loader和Plugin机制是其强大扩展能力的基石。理解它们的差异和适用场景，是构建高效打包体系的关键。
程序员黄同学·2025-03-31 18:03

Webpack 模块联邦 vs npm 私服

1.Webpack模块联邦优点运行时动态加载：模块联邦允许在运行时动态加载远程模块，无需重新构建或发布应用。适合需要频繁更新或动态加载的场景。
sma2mmm·2025-03-31 17:26

使用react 引入相对路径文件

Webpack会将这些文件打包到最终的输出中。
小姐姐呀～·2025-03-31 15:42

从0搭建React开发环境

{//…“scripts”:{“build”:“webpack--mode=development--configscript/webpack.config.js”},}然后根目录终端输入：npmrunbuild
2401_84152232·2025-03-31 14:38

(网页系统集成CAD)WEB CAD中配置属性的使用教程

一、前言MxcadSDK能够在线预览编辑CAD图纸，用户可根据项目需求选择不同的实现方式，如通过Vite、CDN、webpack分别使用mxcad。
·2025-03-31 06:09

手动搭建并配置react项目（webpack5）

手动搭建并配置react项目（webpack5）介绍不使用脚手架，利用webpack，手动搭建react项目框架1、项目创建创建目录react_wepack2、webpack+react基础架构2.1配置
程序员宝妈·2025-03-29 01:07
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他