图片压缩和合并 在企业开发中为了提升网页的访问速度, 我们除了会压缩 HTML/CSS/JS 以外, 还可以对网页上的图片进行压缩和合并, 压缩可以减少网页体积, 合并可以减少请求次数，压缩打包之后的图片，每次在打包图片之前, 我们可以通过配置 webpack 对打包的图片进行压缩, 以较少打包 ...

原文网址：http://jspang.com/2017/09/16/webpack3-2/ 　　　 如果您已经在前端行业中，WebPack在业界的流行程度自然必备多说，成为了前端小白升级为前端工程师的必备技能。如果你对webpack还不够熟悉，那你在前端前进的脚步会受到阻碍，但是你幸运 ...

如何自己编写一个loader： loader是一个函数，声明式函数，不能使用箭头函数；拿到源码，做进一步的修饰处理，再返回处理后的源码就可以了 官方文档：https://webpack.js.org/contribute/writing-a-loader 接口文档：https ...

Plugin：开始打包，在某个时刻，帮助我们处理一些什么事情得机制 Plugin是一个类，里面包含一个apply函数，接受一个参数compiler（compiler包含打包过程得很多信息，比如生命周期的钩子） 官方文档：https://webpack.js.org/contribute ...

什么是SourceMap? 当我们对项目进行打包时,经过一系列编译和转换,最终会形成生产环境的项目代码,并将此部署至线上。众所周知,生产环境代码和打包后的代码千差万别,当构建后的代码报错,如果没有S ...

Webpack的安装分为全局安装与本地安装，上一节我们使用的是本地安装，我们也推荐使用本地安装。 那么全局安装的Webpack与本地安装的有何不同呢？ 全局安装的Webpack，在任何目录执行webpack命令都可以进行打包。而本地安装的Webpack，必须要找到对应node_modules下 ...

在看webpack官方文档的主页的时候，看着看着就想放弃 ，英文读起来吃力，也不知道webpack到底是用来干什么的。在之前虽然从别人那里知道webpack是现在很流行的前端构建工具，只是一个概念而已，具体不知道到底是干嘛，怎么用等等。然而在扫了几眼主页的时候还是不知道他用了干嘛的，真的放弃 ...

1、局部安装： npm i -D (npm install --save-dev的简写) 安装指定版本：npm i -D webpack @version 安装最新版：npm i -D webpack 安装最新体验版本：npm i -D webpack @beta 2、全局安装 ...