想要学好 webpack，我们首先要了解 webpack 的机制，我们先从js加载css开始学习。 bundle 是一个立即执行函数，可以认为它是把所有模块捆绑在一起的一个巨型模块。 学习一个工具我们不仅要看懂它的配置，还要对它的原理一起了解，只有学到框架的精髓，我们才能应对如…

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

该文章只能说是对 vue-cli 的 webpack 模板里的配置的基本介绍。要想灵活使用 webpack，需要熟悉更多的内容。这一步没有捷径。

随着前端复杂度的不断提升，诞生出很多打包工具，比如最先的grunt，gulp。到后来的webpack和Parcel。但是目前很多脚手架工具，比如vue-cli已经帮我们集成了一些构建工具的使用。有的时候我们可能并不知道其内部的实现原理。其实了解这些工具的工作方式可以帮助我们更好…

希望通过这篇文章，能够帮助读者你理解：webpack 单文件如何进行打包，webpack 多文件如何进行代码切割，webpack1 和 webpack2 在文件打包上有什么区别，webpack2 如何做到 tree shaking，如何做到 scope hoisting。

译者：小 boy （沪江前端开发工程师） 本文原创，转载请注明作者及出处。 原文地址：https://www.smashingmagazine.com/2017/02/a-detailed-introduction-to-webpack JavaSript 模块化打包已混迹江湖…

webpack 一些学习资料推荐

通过提问解决 vue cli 3 中遇到的问题，通过源码简单了解 vue cli 的实现原理。帮助刚入手 vue cli 3 的同学快速入门，少踩点坑~

Webpack也在不断的优化迭代；截至目前，已经更新至 v4.16.0；在Webpack4这个版本，它在原有基础上，做了很多优化，也引入了颇多的新特性。在新的版本中，将获得更多模块类型及对.mjs的支持，更好的默认值、更为简洁的模式设置、更加智能的来分割Chunk，还新增的sp…