Webpack5入门到原理1:前言

为什么需要打包工具?

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

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

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

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

有哪些打包工具?

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

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

相关推荐
David凉宸1 小时前
Vue 3 + TS + Vite + Pinia vs Vue 2 + JS + Webpack + Vuex:对比分析
javascript·vue.js·webpack
Misnice20 小时前
Webpack、Vite、Rsbuild区别
前端·webpack·node.js
layman05287 天前
webpack5 css-loader:从基础到原理
前端·css·webpack
Marshmallowc7 天前
为什么 Webpack 要打包?从 HTTP/1.1 限制到 HTTP/2 多路复用原理详解
前端·http·webpack
森林的尽头是阳光8 天前
打包配置优化
webpack
心柠9 天前
webpack
前端·webpack·node.js
夏河始溢12 天前
一八二、webpack、grunt、gulp、rollup、parcel、vite 对比介绍
前端·webpack·gulp
某柚啊12 天前
解决 minimatch 类型报错问题
前端·webpack·npm
web小白成长日记15 天前
Rspack核心解析:Rust重写Webpack的性能革命与本质
webpack·rust·devops