Webpack5入门到原理1:前言

为什么需要打包工具?

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

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

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

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

有哪些打包工具?

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

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

相关推荐
妮妮喔妮10 小时前
Webpack和Vite优化的区别
前端·webpack·node.js
谢尔登10 小时前
a 标签的跳转机制
前端·javascript·webpack·node.js
憨逗君2 天前
webpack4迁移webpack5记录
webpack
LYFlied4 天前
TS-Loader 源码解析与自定义 Webpack Loader 开发指南
前端·webpack·node.js·编译·打包
暴富的Tdy4 天前
【Webpack 的核心应用场景】
前端·webpack·node.js
行走的陀螺仪4 天前
Vite & Webpack 插件/Loader 封装完全指南
前端·webpack·node.js·vite·前端工程化·打包构建
未来可期struggle4 天前
Webpack 构建优化指南
webpack
lxh01135 天前
2025/12/17总结
前端·webpack
冬阳春晖6 天前
现代webpack/react/typescript/pnpm项目模板,从零到一搭建webpack项目
webpack·前端工程化