跳到主要内容

前言

本模块将带领大家了解 Webpack5 的基本概念和使用方法，以及一些常见的配置项和插件，请将 Node.js 版本至少升级到 10.13.0 及以上（使用最新 LTS 版本最佳）。

Webpack 是什么？​

Webpack 是一个模块打包工具，它可以将许多模块按照一定规则转换成浏览器可识别的静态资源。Webpack 可以将各种资源（如 JavaScript、CSS、图片、字体等）打包成符合生产环境部署的静态资源，同时还可以对代码进行压缩、优化、分割、兼容性处理等操作，提升应用的加载速度和性能。

目前主流打包工具有哪些？​

  • Webpack
  • Vite
  • Parcel
  • Rollup
  • Browserify
  • Gulp
  • Grunt

其中目前市场占有量最高同时生态最好的是 Webpack 和慢慢兴起的 Vite。

前置知识​

  • 前端基础
    • HTML、 CSS、 JavaScript
    • React 或 Vue 或 Angular 或 Svelte 等前端框架
  • Node.js 基础
    • fs、 path、 os 模块
Loading Comments...