大家好，我是神三元，今天通过一道面试题来和大家聊一聊webpack。 我相信，尽管很多开发者会根据官方文档进行webpack的相关配置，但仍然并不了解Webpack究竟是起什么作用的，在前端工程化扮演者什么角色，观念仍然简单地停留在“代码打包工具”上。真的是这样吗？ 相信这个定…

本篇将从实践出发，在第一章节《基础配置》中使用 webpack 搭建一个基础的支持模块化开发的项目，在第二章节《进阶配置》中使用 webpack 搭建一个 SASS + TS + React 的项目。

本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发，介绍如何对 webpack 项目进行优化。

准备一份将VUE打包成DLL的webpack配置文件。 在build目录下新建一个文件webpack.vue.js，专门用于打包vue的DLL的。

《webpack5教程一：初识webpack》中我们成功加载并编译了js模块，本文将通过 资源模块（asset module） 与 加载器（Loadder）实现其它类型模块的加载与编译

一、前言 本来想将webpack的内容整理成一篇到底，但太长了容易引起视觉疲劳。所以单独将内容和实践内容分开。 在了解到理论内容之后，脑子总会出现这么一个问题。 脑瓜子： 只看不写真的能让你学废吗？

在平时工作中，为减少开发成本，一般都会使用脚手架来进行开发，比如 create-react-app。脚手架都会帮我们配置好了 webpack，但如果想自己搭建 webpack 项目要怎么做呢？

本文从 webpack 是什么、为什么选择 webpack、webpack的基本概念介绍 3个角度进行讲述，从 Webpack 基础着手，和你一起了解 webpack。