Webpack5入门到原理1:前言

为什么需要打包工具?

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

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

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

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

有哪些打包工具?

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

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

相关推荐
Java后端的Ai之路14 小时前
前端技术Vue-13-安装webpack与vuejs
前端·vue.js·webpack
Java后端的Ai之路1 天前
前端技术Vue-09-webpack-vuejs-实战
前端·vue.js·webpack
定栓4 天前
Webpack迁到Vite第七节(二):全家桶移除 — Babel 全家桶深度分析
前端·webpack·node.js
定栓5 天前
Webpack迁到Vite第七节(一):全家桶移除 — 配置文件与构建核心
前端·webpack·node.js
定栓5 天前
Webpack迁到Vite第八节:错误排查实录
前端·webpack·devops
定栓5 天前
Webpack迁到Vite第七节(四):全家桶移除 — 保留项、脚本与数据收尾
前端·webpack·node.js
定栓5 天前
Webpack迁到Vite第五节:第三方库兼容
前端·webpack·node.js
定栓6 天前
Webpack迁到Vite第三节:Less 与 CSS 处理
css·webpack·less