Webpack5入门到原理1:前言

为什么需要打包工具?

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

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

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

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

有哪些打包工具?

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

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

相关推荐
光影少年15 小时前
webpack和vite优化方案都有哪些
前端·webpack·node.js
kk不中嘞15 小时前
Webpack 核心原理剖析
前端·webpack·node.js
Yvonne爱编码15 小时前
简述ajax、node.js、webpack、git
前端·git·ajax·webpack·node.js·visual studio
Hashan18 小时前
Webpack 核心双引擎:Loader 与 Plugin 详解
前端·webpack
Hashan1 天前
深入理解:Webpack编译原理
前端·webpack
一枚前端小能手2 天前
🔥 老板要的功能Webpack没有?手把手教你写个插件解决
前端·javascript·webpack
Hashan2 天前
你知道Webpack解决的问题是什么嘛?
前端·webpack
vipbic2 天前
关于Vue打包的遇到模板引擎解析的引号问题
前端·webpack
妮妮喔妮3 天前
Webpack 有哪些特性?构建速度?如何优化?
前端·webpack·node.js
ST.J3 天前
webpack笔记
前端·笔记·webpack