Webpack5入门到原理1:前言

为什么需要打包工具?

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

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

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

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

有哪些打包工具?

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

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

相关推荐
sunny_3 天前
⚡️ vite-plugin-oxc:从 Babel 到 Oxc,我为 Vite 写了一个高性能编译插件
前端·webpack·架构
用户83040713057014 天前
SPA 首屏加载速度慢怎么解决?
vue.js·webpack
codingWhat5 天前
手把手系列之—— 自定义 Loader 和 Plugin
webpack·前端工程化
2301_816997887 天前
Webpack基础
前端·webpack·node.js
凯里欧文4278 天前
极简版前端版本检测方案
前端·webpack
全马必破三11 天前
Webpack知识点汇总
前端·webpack·node.js
lcc18716 天前
Babel
webpack
光影少年17 天前
前端工程化
前端·webpack·taro
lcc18717 天前
Webpack 高级
webpack
lcc18717 天前
Eslint
webpack