在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…

需要读到入口文件里面的内容。 分析入口文件，递归的去读取模块所依赖的文件内容，生成AST语法树。 我们创建了add.js文件和minus.js文件,然后 在index.js中引入，再将index.js文件引入index.html。 现在我们打开index.html。你猜会发生什…

当我们的代码库由很多人维护时，经常会出现代码风格不一致或者代码质量不过关，提交信息紊乱的情况，当然啦，即使是一个人的代码库，有的时候，自己写代码时不太注意细节，也会出现风格不一致的情况。 本文正是为了解决这个问题而生，阅读本篇文章并不需要很长时间，花几分钟的时间阅读一下，如果你…

webpack前端工程中扮演的角色越来越重要，它也是前端工程化很重要的一环。本文将和大家一起按照项目流程学习使用wbepack，妈妈再也不用担心我不会使用webpack，哪里不会看哪里。这是一个由浅入深的文章。 现在vue、react等脚手架都会自动将开发环境使用的webpac…

这是一篇vue-cli的几个小知识点简单介绍，适用于刚接触vue-cli脚手架以及对此方面并不太了解的同学，大佬们绕道。有需要的朋友可以做一下参考，喜欢的可以点波赞，或者关注一下，希望可以帮到大家。 相信有很多人知道vue-cli有两个放置静态资源的地方，分别是src/asse…

显示的是一个 HEAD 指向发生改变的时间列表。在你切换分支、用 git commit 进行提交、以及用 git reset 撤销 commit 时，HEAD 指向会改变，但当你进行 git chec

为了支持业务中少量的es6+的高级特性，最近在研究了一下babel的垫片，现将此整理为文字，如下。(本文旨在说明babel及babel周边相关的包之间的关系和使用方式，以及应用场景。) 理清了他们之间的关系，那么再正式来讲讲有关polyfill的二三事。 babel-polyf…

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

大家好哟，这是第四篇面试官篇，估计还有个七八十篇面试文章（前端苦命）。 这篇文章介绍了webpack核心概念以及如何使用。 webpack的核心概念只要记住下面四个就够用了（除非大佬是webpack配置工程师）。 比如vue，那就是src，怼到entry参数上，webpack就…