Webpack5入门到原理1:前言

为什么需要打包工具?

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

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

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

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

有哪些打包工具?

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

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

相关推荐
難釋懷17 小时前
TypeScript-webpack
javascript·webpack·typescript
ᥬ 小月亮1 天前
webpack基础
前端·webpack
abigale031 天前
webpack+vite前端构建工具 -11实战中的配置技巧
前端·webpack·node.js
拾光拾趣录3 天前
Webpack 打包中的 Hash 生成机制
前端·webpack·前端工程化
abigale0313 天前
webpack+vite前端构建工具 - 8 代码分割
前端·webpack·node.js
abigale0313 天前
webpack+vite前端构建工具 - 9 webpack技巧性配置
前端·webpack·node.js
Hilaku13 天前
你以为的 tree shaking,其实根本没生效
前端·javascript·webpack
暴怒的代码15 天前
解决Vue2官网Webpack源码泄露漏洞
前端·webpack·node.js
abigale0315 天前
webpack+vite前端构建工具 -4webpack处理css & 5webpack处理资源文件
前端·css·webpack
code_YuJun15 天前
19. plugin
webpack