Webpack5入门到原理1:前言

为什么需要打包工具?

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

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

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

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

有哪些打包工具?

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

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

相关推荐
snow@li5 天前
前端:构建工具(Vite / Webpack)的 文件指纹(File Hash) 机制 / 浏览器缓存控制
前端·webpack·哈希算法
SwJieJie7 天前
Webpack vs Vite 构建工程化实战(Vue 项目深度解析)
前端·vue.js·webpack·node.js
2401_885665199 天前
基于OpenCV的银行智能卡号识别系统完整实现与原理剖析
人工智能·opencv·webpack
xiaofeichaichai11 天前
Webpack
前端·webpack·node.js
代钦塔拉11 天前
VS+OpenCV诡异LNK2019终极解决方案
webpack
半岛@少年13 天前
Webpack在前端项目中究竟发挥什么作用?
前端·webpack·前端工程化
咸鱼翻身小阿橙14 天前
高斯模糊降噪/磨皮算法降噪图像
前端·opencv·算法·webpack·c#
kyriewen15 天前
从Webpack到Vite:我们迁移了一个10万行代码的项目,总结了这7个坑
前端·webpack·vite
漂流瓶jz18 天前
Webpack如何实现万物皆可import?loader的使用/配置/手写实践
前端·javascript·webpack