2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷)，那么你必须去深…

webpack4出了两个月，发现大家包括我对splitChunk的使用都还是在摸索阶段。我也看了挺多别人的配置demo，都觉得不太满意或者没得到太好的解惑，issue 下面的问题也没什么人回复，只能自己操作了，顺便记录下来，如果大家有更好的，欢迎评论区留下地址。 maxAsyn…

是 Vue CLI 项目中一个重要的概念。默认情况下，一个 Vue CLI 项目有三个模式： > 一般性vue项目，我们都会把一些框架包，给抽离出来。例如:

查看所有文档页面：全栈开发，获取更多信息。 原文链接：webpack原理，原文广告模态框遮挡，阅读体验不好，所以整理成本文，方便查找。 在了解 Webpack 原理前，需要掌握以下几个核心概念，以方便后面的理解： Entry：入口，Webpack 执行构建的第一步将从 Entr…

项目优化是我们项目上线之前必须考量的问题，体积过大，你的页面加载速度就会很慢，本文重点讲解使用vue-cli 2.0的配置，以下几个方面进行优化及其配置。 我们看一下体积，有10.1M这么大，里面的图片很大，打包生成的vendor文件很大，还有很多map文件。 .map文件：是…

希望读过本篇文章，你在看Webpack配置的时候，能在脑中形成Chunk的生成过程。 Chunk不同于entry、 output、module这样的概念，它们对应着Webpack配置对象中的一个字段，Chunk没有单独的配置字段，但是这个词出现在CommonsChunkPlug…

HappyPack就能让Webpack把任务分解给多个子进程去并发的执行，子进程处理完后再把结果发送给主进程。 happypack

想要学好 webpack，我们首先要了解 webpack 的机制，我们先从js加载css开始学习。 bundle 是一个立即执行函数，可以认为它是把所有模块捆绑在一起的一个巨型模块。 学习一个工具我们不仅要看懂它的配置，还要对它的原理一起了解，只有学到框架的精髓，我们才能应对如…

为了大家方便，我将之前长长的 eslint 进行了更换，因为时间原因和使用方面的原因，没将自己的 eslint 上传成 eslint-config，直接使用腾讯的 eslint-config-alloy。 以下是之前写的前端开发规范配套的 eslint，使用了腾讯的 eslin…