Webpack5入门到原理1:前言

为什么需要打包工具?

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

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

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

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

有哪些打包工具?

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

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

相关推荐
guhy fighting6 小时前
使用vue-virtual-scroller导致打包报错
前端·javascript·vue.js·webpack
小李子呢02117 小时前
前端八股---脚手架工具Vue CLI(Webpack) vs Vite
前端·vue.js·webpack
时寒的笔记1 天前
js逆向_webpack讲解加载器&酷某音乐案例
开发语言·javascript·webpack
花归去1 天前
在 Vue 项目中配置 postcss-preset-env
vue.js·webpack·postcss
流云枫2 天前
一文学会webpack:妈妈再也不用担心我不会工程化了
webpack
whuhewei6 天前
Webpack5构建效率优化
前端·webpack
xiaotao1316 天前
Vite 与 Webpack 开发/打包时环境变量对比
前端·vue.js·webpack
netkiller-BG7NYT6 天前
yoloutils - Openclaw Agent Skill
前端·webpack·node.js
qq_385999087 天前
Win7 64 位 + MinGW64 + CMake + OpenCV 之二
人工智能·opencv·webpack
小小弯_Shelby9 天前
webpack优化:Vue配置compression-webpack-plugin实现gzip压缩
前端·vue.js·webpack