今天我主要分享的是一些 webpack 中的易混淆知识点，也是面试的常见内容。我把这些分散在文档和教程里的内容总结起来，目前看是全网独一份，大家可以加个收藏，方便以后检索和学习

随着前端构架工具的不断发展，提供了很多提高我们的开发体验和开发效率的能力，同时构建已经成为前端技术栈中常见的技术。 webpack 也是众多构建工具中崭露头角一员，早期的 webpack 配置复杂难懂，随着其发展，相关配置也不断简化，性能也不断提高，但是对于深入使用的开发人员，…

在webpack打包的过程中有没有想过这其中的打包过程是怎么样的呢？有没有什么办法能反映出这个打包的过程和结果呢？webpack打包太慢需要优化怎么办呢？或许以下这几款插件能帮助到你，记得点个赞哈哈。 这款插件能把打包的进度以进度条的形式显示出来，同时也可以自定义显示百分比的格…

本文以剖析webpack-dev-server源码，从零开始实现一个webpack热更新HMR，深入了解webpack-dev-server、webpack-dev-middleware、webpack-hot-middleware的实现机制，彻底搞懂他们的原理，在面试过程中这…

安装了最新的Vue CLI。打开Terminal，输入： 点击页面列表右侧对应的+号，即可选择对应框架下的物料源，将在该页面目录下生成一侧Component文件夹，存放下载的组件资源，配置路之后，即可生效。 package.json 文件 keywords 字段增加 ice-s…

webpack4支持0配置，默认./src/index.js为入口文件，webpack运行时，会根据mode的值采取不同的默认配置,mode两个可选值：production 和 development。没有传mode，会有一个警告 development和production的…

vue-cli, create-react-app、react-native-cli 等都是非常优秀的脚手架，通过脚手架，我们可以快速初始化一个项目，无需自己从零开始一步步配置，有效提升开发体验。尽管这些脚手架非常优秀，但是未必是符合我们的实际应用的，我们可以定制一个属于自己的…

传统的JavaScript 资源加载，一般是通过CDN 存放或者伺服在本地服务器，通过设置maxage、Last-Modified、 etag 等来让浏览器访问后缓存，减少重复请求，但在产品的更新很多时候往往都是修改少量内容，hash 改变之后，用户就需要全量下载整个Javas…

随着2018年2月15号webpack4.0.0出来已经有一段时间了，webpack依靠着“零配置”，“最高可提升98%的速度”成功吸粉无数，对于饱受项目打包时间过长的我，无疑是看到了曙光，于是决定开始试水。 随着项目的不断迭代，样式文件和js文件的数量越来越多，造成webpa…