总结起来是webpack热更新模式能够做到当应用代码发生变更、增删时，无需刷新应用，而是以模块为最小颗粒度进行模块替换或修改的能力，从而提高开发效率。

经过前两章节的学习，对于webpack的基础和高阶部分有所掌握了，下面总结了几道常见的 webpack 面试。希望对你们对于 webpack 的学习有所收获！！ 1、简单说一下 webpack 的构建

本文主要优化两个方面：1.优化开发体验 2.优化输出质量.优化开发体验:提升效率,优化构建速度,优化使⽤体验.优化输出质量:优化要发布到线上的代码，减少⽤户能感知到的加载时间,提升代码性能.

现如今，前端开发基本离不开模块化了，那么多项目的组件共用就会变成一个比较头疼的问题，很多人都习惯ctrl c和ctrl v，这样容易导致项目中后期维护困难，我们当然也不能这么low，早期在项目开发中我也探索了几个组件共用的方案。 使用cdn引入组件的方案应该是减少打包时间以及访…

最近打算重写自己组件库的官网，在写展示组件部分的时候遇到了一个问题,所有组件的功能展示都在一个.vue文件里面写的话，会很麻烦。如果只用简单的md就可以转成需要的页面并且有代码高亮、demo展示框和页面样式，那该多好。 一个这样的demo-block就包含三样东西，标题、示例组…

Verdaccio 是一个 Node.js创建的轻量的私有 npm proxy registry, forked 于 sinopia@1.4.0。 然后打开浏览器 访问地址 http://localhost:4873/ 正常显示即成功， 4873是默认端口。 另外建议安装 nr…

前端日常开发中，会遇见各种各样的cli，比如一行命令帮你打包的webpack，一行命令帮你生成vue项目模板的vue-cli，还有创建react项目的create-react-app等等等等。这些工具极大地方便了我们的日常工作，让计算机自己去干繁琐的工作，而我们，就可以节省出大…

npm在前端开发流程中提供了非常完善的自动化工具链，已成为每个前端开发者必备的工具，但是同样由于其强大性导致很多前端开发者只会简单的使用它。本文将总结在日常开发中所需要的npm知识点，以便开发者们更好的将npm运用在实际开发中。 1. npm 处理 node_modules 目…

当我们拿到一个 PC 端页面的设计稿的时候，往往会发现页面的布局并不是随意的，而是遵循的一定的规律：行与行之间会以某种方式对齐。对于这样的设计稿，我们可以使用栅格布局来实现。 早在 Bootstrap 一统江湖的时代，栅格布局的概念就已深入人心，整个布局就是一个二维结构，包括列…