webpack_前端博客-专业IT技术发表平台

推荐付费专栏 VIP文章

Webpack、Vite区别知多少？ Webpack、Vite区别知多少？我们常用的前端构建工具webpack、vite

阅读 7.4k

33赞

BigbigbigPotato

【前端工程化】Webpack入门（保姆级教程）本篇文章通过处理各种资源来介绍 webpack 的一些基础且常用的配置的使用，更多的 loader，plugins 等使用方法还是得到官方文档查询。前端工程化是现代前端开发不可或缺的一部分，它帮助开发者创建可扩展、可维护且高性能的应用程序。随着前端技术栈的不断进步，工程化的最佳实践也在不断发展，以适应新工具和框架的出现。

阅读 1.7k

17赞

vue项目打包压缩静态资源—使用compression-webpack-plugin vue项目打包压缩静态资源—使用compression-webpack-plugin

阅读 3.2k

4赞

全栈探索者chen

前端构建工具大比拼：Vite、Webpack、Parcel、esbuild 等热门工具使用分析 Vite 是由尤大（尤雨溪）开发的一个新一代前端构建工具。Vite 的最大特点是利用原生的 ES Module（ESM）特性，在开发环境下实现按需加载和编译，从而显著提高开发速度。Vite 的目标是为开发者提供一个极速构建的体验，尤其在大型项目中，它能够减少构建时间，提升开发效率。Webpack 是目前最流行的前端打包工具，适用于多种资源类型（JavaScript、CSS、图片等）的打包。它通过模块化的方式组织和打包资源，能够帮助我们将开发过程中产生的模块化代码最终打包成浏览器可运行的文件。

阅读 2.6k

27赞

真的很上进

Webpack--入门只看这一篇就够了(图文＋代码）代码分离（code splitting）和懒加载（lazy loading）是Webpack中用于优化资源加载的两种技术。代码分离是将打包生成的代码文件拆分成多个较小的文件，而不是将所有代码打包到一个文件中。这样做的好处是可以提高初始加载速度，并减小每个页面的加载所需的数据量。通过代码分离，只需在需要时加载特定模块，提高了页面的响应速度和用户体验。懒加载是指在需要时才加载某个模块，而不是在初始加载时就将所有代码一次性加载完毕。通过懒加载，可以将页面分成多个模块，并根据需要动态地加载模块。

阅读 1.9w

127赞

Cherryyyyyyyyyy

Webpack和Vite webpack是一个用于现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个依赖图(dependency graph)，然后将项目中所需的每一个模块组合成一个或多个包bundles，它们均为静态资源，用于展示内容。Webpack是一个模块打包器(bundler)。在Webpack看来, 前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理。

阅读 2.0k

22赞

weixin_47880745

前端面试题（四、webpack和vite）因为浏览器只认识html、css和js，而我们写的jsx，vue、ts、less、js语法降级都需要处理后，再交给浏览器去运行。所以出现了构建工具帮我们做这些事情，开发者只关心怎么写代码就行。比如webpack、vite。

阅读 1.3k

17赞

金畏战Goddard

Redux + Webpack + ES6 起步项目常见问题解决方案 Redux + Webpack + ES6 起步项目常见问题解决方案 redux-webpack-es6-boilerplate A starter project for modern React apps with Redux ...

阅读 857

19赞

前端_彭于晏

rollup是什么？以及它和webpack 和vite的区别 rollup是什么？以及它和webpack 和vite的区别

阅读 863

11赞

提高 webpack 打包速度的9个实用技巧在前端开发中，webpack 是一款不可或缺的打包工具，它能够将 JavaScript、CSS 以及其他资源打包成一个优化后的文件，提高加载效率。然而，随着项目规模的扩大，webpack 的打包速度可能会成为瓶颈。如何有效提升打包速度，优化开发体验，成为许多开发者关注的焦点。本文将从多个角度介绍提升 webpack 打包速度的实用技巧，帮助你在开发过程中保持高效。通过一系列的优化措施，我们可以显著提升 webpack 的打包速度，从而提高开发效率和项目构建的整体性能。

阅读 1.1k

7赞

白马流星丶

记录一次发现Webpack源码泄露（js.map泄露）过程记录发现webpack源代码泄露的复现，js.map文件泄露

阅读 1.0w

11赞

蒋婉妃Fenton

Clean Webpack Plugin 常见问题解决方案 Clean Webpack Plugin 常见问题解决方案 clean-webpack-plugin A webpack plugin to remove your build folder(s) before building ...

阅读 1.2k

21赞

Vite为什么比Webpack快这些工具各有特点，适用于不同的项目需求。在选择前端构建工具时，需要根据项目的规模、复杂度以及团队的技术栈等因素进行综合考虑。vite和Webpack作为两个主流的前端构建工具，在近年来备受热议。本文章将深入讲解Vite为什么比Webpack更快的根本原因，并解析技术实现原理。

阅读 2.1k

38赞

Webpack vs Rollup vs Parcel：构建工具深度对比 Webpack vs Rollup vs Parcel：构建工具深度对比

阅读 1.1k

25赞

webpack进阶定义校验规则},定义babelLoader// babel.transform用来编译代码的方法// 是一个普通异步方法// util.promisify将普通异步方法转化成基于promise的异步方法// 获取loader的options配置// 校验babel的options的配置});// 创建异步// 使用babel编译代码plugins“from”: {},“to”: {},},// 验证options是否符合规范})

阅读 801

23赞

【Vite】相较于Webpack的优势详解 Vite 是由 Vue.js 的作者尤雨溪开发的下一代前端构建工具。它旨在为现代前端框架（如 Vue、React）提供极速的开发服务器启动和即时的模块热更新（HMR）。Vite 的最大特点是基于浏览器原生的 ES Module（ESM）加载机制，这使得它能够显著提高开发效率。Webpack 是一种广泛使用的模块打包工具，几乎在所有前端项目中都能见到它的身影。它通过将 JavaScript、CSS、HTML 等资源打包为静态文件，在项目构建时优化代码性能。

阅读 1.5k

19赞

学习使我快乐01

webpack webpack介绍，配置及打包过程

阅读 1.5k

27赞

EJS编译加载器：为Webpack提供高效模板处理 EJS编译加载器：为Webpack提供高效模板处理 ejs-compiled-loader EJS loader for webpack (without frontend dependencies) 项目地址: https://...

阅读 653

22赞

QQ音乐搜索接口——陷阱webpack加密 " />

阅读 602

21赞

解然嫚Keegan

探索Vue.js Next与Webpack预览版：新一代前端开发利器探索Vue.js Next与Webpack预览版：新一代前端开发利器去发现同类优质开源项目:https://gitcode.com/在前端领域，Vue.js以其易学易用、高性能和灵活的特性，已经成为了开发者们的首选框架之一。而Vue.js团队始终在努力创新，以满足不断变化的开发需求。如今，他们推出了一款新的预览版项目——，这是一次对Vue.js核心的全面升级，结合了最新的Webpack特性，为...

阅读 972

24赞

作者推荐

懒羊羊我小弟: 不积跬步，无以至千里

关注

loyd3: 不加微信捏

关注

Sam9029: 应无所往

关注

问白: 网易高级前端开发工程师

关注

AsBefore麦小兜: 热爱可抵岁月漫长....

关注

duansamve: 我的Web前端(React、Vue)、NodeJS......开发笔记

关注

猛扇赵四那半好嘴: 程序媛一枚，热爱写 bug！

关注

Kinghiee: Front-end Developer

关注

森叶: 多年谷歌插件开发、Electron 客户端开发经历偏前端全栈开发工程师熟练使用PHP、Python、Javascript、Java 四种语言王森出品必属精品

关注

熟悉不过: 记录学习WebGIS开发

关注