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

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

在前端圈子里，对于 Babel，大家肯定都比较熟悉了。如果哪天少了它，对于前端工程师来说肯定是个噩梦。Babel 的工作原理是怎样的可能了解的人就不太多了。 本文将主要介绍 Babel 的工作原理以及怎么写一个 Babel 插件。 Babel 是一个 JavaScript 编译…

用vue框架写前端代码时经常会用用到v-for这个方法，但使用此方法时vue推荐我们加上一个唯一标识key这是为什么呢？阅读了网上各位大神的文章以及自己的一些理解对这个问题有了新的认识。所以记录下来，若各位看官看到文章里面有错误的地方请指正一下。谢谢各位大佬。 修改渲染真实的d…

webpack的核心是一切皆模块，所以它其实本质上就是个静态模块打包器。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。官网显示的这幅图很形象地描述了这个过程： webpack4…

一个项目难免会有多个 npm script, 如何将多个命令串行（就是多个脚本通同步执行），如何并行（提高速度，互不阻塞）。 一般来说，前端项目包括 js、less、css、scss、json、markdown 等格式的文件，为了保障代码的质量（规避语法错误和保持一致的编码风格…

近期一直在看webpack4的文档，于是给自己做了这个总结，对比一下生产环境和开发环境的区别。 在项目开发过程中，我们关注的是能否追溯到代码的错误来源，能够及时刷新页面让我们看到代码的实际效果，因此webpack针对开发特点提供了几个插件。 source-map有多种使用方式，…

webpack是现代前端开发中最火的模块打包工具，只需要通过简单的配置，便可以完成模块的加载和打包。那它是怎么做到通过对一些插件的配置，便可以轻松实现对代码的构建呢？ Plugins：Loaders将各类型的文件处理成webpack能够处理的模块，plugins有着很强的能力。…

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