Webpack5入门到原理1:前言

为什么需要打包工具?

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

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

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

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

有哪些打包工具?

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

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

相关推荐
weixin_441018352 天前
webpack的热更新原理
前端·webpack·node.js
南辞w3 天前
Webpack和Vite的区别
前端·webpack·node.js
等你许久_孟然3 天前
【webpack4系列】webpack构建速度和体积优化策略(五)
前端·webpack·node.js
Sam90293 天前
【Webpack--007】处理其他资源--视频音频
前端·webpack·音视频
等你许久_孟然3 天前
【webpack4系列】编写可维护的webpack构建配置(四)
前端·webpack·node.js
垂钓的小鱼13 天前
webpack的使用
webpack
Sam90293 天前
【Webpack--006】处理字体图标资源
前端·webpack·node.js
tabzzz4 天前
Webpack 基础使用练习:快速利用场景巩固概念
前端·webpack
等你许久_孟然4 天前
【webpack4系列】webpack初识与构建工具发展(一)
前端·webpack
运维Z叔4 天前
安全工具 | 使用Burp Suite的10个小tips
前端·经验分享·安全·网络安全·webpack·云计算·腾讯云