模块打包工具的由来*.模块化带来的问题1.ESModules存在环境兼容问题2.模块文件过多，网络请求频繁3.所有的前端资源都需要模块化，不仅仅是JavaScript模块(html,css模块)打包到

上一节我学习了webpack-dev-middleware，但是单独使用它并没有实现热更新，所以这节我要学习搭配使用webpack-hot-middleware，来实现热更新功能。 HMR- Hot Module Replacement即热更新，这已经很明白地告诉我们热更新已经…

正所谓万事开头难，配置rollup最难的一步也正是开头的第一步。不过没关系。 没错骚年，一路回车，你已经成功完成了本文最难以及最核心的一步——初始化了一个项目。相信你在剩余的几个简单步骤中必定势如破竹，一路到底。 接下来按照这个文件树创建相应的场景与角色（文件夹&文件）。是不是…

在项目迭代过程中，因为有兼容 IE 的需求，根据文档使用babel-polyfill和babel-runtime两个插件解决问题。但是对于二者之间的恩怨情仇，却不甚了解，便打算细细探究一番。 如果我们没有配置一些规则，Babel 默认只转换新的 JavaScript 句法（sy…

使用 webpack 快一年了，现在 1.X 版本都过气了，但是感觉自己对它那复杂的配置还是很不熟悉，各种路径，各种 loader，各种 plugin，又是单页面又是多页面... 在 vue-cli 出来的时候，都不敢用他的 webpack 模板，主要就是因为 webpack 的配置文件看不懂，不敢自己根据需要做修改。现在沉下心来，一点一点的玩弄常用属性和插件，尽力能自如的进行配置。先拿配置中的 entry 开始。

hello~亲爱的看官老爷们大家好~ 最近一直在学习 webpack 的相关知识。曾几何时我总觉得 webpack 的体系庞大而难以掌握，一直回避不愿去学。然而伟人鲁迅曾说过： 世上太多事会因无法掌握而使你狂躁不安，最好的解决方法就是硬着头皮开始做！ 因而就从比较简单的 Com…

对于入门选手来讲，webpack 配置项很多很重，如何快速配置一个可用于线上环境的 webpack 就是一件值得思考的事情。其实熟悉 webpack 之后会发现很简单，基础的配置可以分为以下几个方面： entry 、 output 、 mode 、 resolve 、 modu…

[实践系列] 主要是让我们通过实践去加深对一些原理的理解。 [实践系列]你能手写一个 Promise 吗？Yes I promise。 有兴趣的同学可以关注 [实践系列] 。 求 star 求 follow~ 入口起点(entry point)指示 webpack 应该使用哪个…

前段时间，在公司做了个 Webpack 的分享。听众40多人，感觉还不错。所以总结一下，先看一下ppt的目录： 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建…