Webpack5入门到原理1:前言

为什么需要打包工具?

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

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

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

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

有哪些打包工具?

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

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

相关推荐
理想不理想v1 天前
webpack最基础的配置
前端·webpack·node.js
臣妾没空1 天前
全栈里程碑二:前端基础建设
webpack
Domain-zhuo1 天前
如何利用webpack来优化前端性能?
前端·webpack·前端框架·node.js·ecmascript
初学者7.1 天前
Webpack学习笔记(2)
笔记·学习·webpack
理想不理想v1 天前
webpack如何自定义插件?示例
前端·webpack·node.js
森叶2 天前
【附源码】Electron Windows桌面壁纸开发中的 CommonJS 和 ES Module 引入问题以及 Webpack 如何处理这种兼容
webpack·electron
初学者7.2 天前
Webpack学习笔记(3)
笔记·学习·webpack
Byron Loong2 天前
Python+OpenCV系列:【打卡系统-工具模块设计】工具模块深度揭秘,考勤智能化的核心秘籍!
python·opencv·webpack
初学者7.3 天前
Webpack学习笔记(4)
学习·webpack
理想不理想v4 天前
免登陆是什么?
服务器·前端·javascript·vue.js·webpack