Webpack5入门到原理1:前言

为什么需要打包工具?

开发时,我们会使用框架(React、Vue),ES6 模块化语法,Less/Sass 等 css 预处理器等语法进行开发。

这样的代码要想在浏览器运行必须经过编译成浏览器能识别的 JS、Css 等语法,才能运行。

所以我们需要打包工具帮我们做完这些事。

除此之外,打包工具还能压缩代码、做兼容性处理、提升代码性能等。

有哪些打包工具?

  • Grunt
  • Gulp
  • Parcel
  • Webpack
  • Rollup
  • Vite
  • ...

目前市面上最流量的是 Webpack,所以我们主要以 Webpack 来介绍使用打包工具

相关推荐
YANQ66210 小时前
7.bundlesdf本地安装
前端·webpack·node.js
沙漠3 天前
Mock Server 中间件
vue.js·webpack
KnowWhere3 天前
幽灵依赖的出现和解决
webpack·npm
NIIBLE7 天前
全栈日记之工程化设计(webpack)
前端·webpack·前端工程化
008爬虫实战录10 天前
【码上爬】 题九:webpack调试 堆栈分析
前端·webpack·node.js
zoomdong10 天前
@utoo/pack: 基于 Turbopack 的下一代 Rust 构建工具
webpack·rust·开源
下北沢美食家12 天前
Webpack与Vite详解
前端·webpack·node.js
AeahKa13 天前
ztree 依赖问题解决记录
前端·webpack
李白的天不白14 天前
webpack 压缩文件
前端·webpack·node.js
天渺工作室16 天前
构建完自动打包压缩,一个插件搞定 Vite / Webpack / Rollup / ESBuild
webpack·vite·rollup.js