Webpack5入门到原理1:前言

为什么需要打包工具?

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

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

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

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

有哪些打包工具?

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

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

相关推荐
xyphf_和派孔明3 天前
Vite 与 Webpack 对比及常见面试题
前端·webpack·vite
cyadyx7 天前
Vite 比 Webpack 构建效率更高
前端·webpack·node.js·vite
EXI-小洲8 天前
Web Spider 某渣渣企业平台 表单参数逆向 Webpack
python·webpack·js逆向·spider
一壶浊酒..11 天前
Scrape Webpack练习
开发语言·javascript·webpack
lvv13 天前
不会被渲染的组件,为什么让我的首屏白屏了?(一次前端问题总结)
前端·webpack·性能优化
小杨互联网13 天前
Cursor 前端 Dist 自动化逆向框架:/fr 流水线 · 4 脚本 · Vite/Webpack
前端·webpack·自动化·前端逆向框架·ai前端逆向框架
码林鼠15 天前
webpack的基本配置
前端·webpack·node.js
漂流瓶jz15 天前
Webpack开发环境:观察模式/webpack-dev-server/HMR热更新
前端·javascript·webpack
厚皮龙18 天前
OpenCV 版本导致 AprilTag 检测数量不同
人工智能·opencv·webpack