1. 引入扫描工具的初衷 目前在梳理前端应用时发现很多代码不规范的地方，包括简单的js问题以及代码格式化的问题，造成了代码可读性下降，另外各种历史代码也是“风格迥异”，一个应用是被来自”五湖四海“人共同维护，难不免有”广式烧腊、天津狗不理“各种口味，更难免的还有”臭味相投“的，…

TypeScript 已经入门了，但觉得 TypeScript 泛型有点难，想系统学习 TypeScript 泛型相关知识的小伙伴们看过来一文读懂 TypeScript 泛型及应用（ 7.8K字）（掘金）。 TypeScript 是一种由微软开发的自由和开源的编程语言。它是 J…

开发过程中，一个包可以链接到另一个项目。 通常用于测试出新功能，或者尝试调试包在其他项目中表现的问题时。 1、cd 进入 link-module 目录，执行 npm link。 此时我们在link-module包做任何修改，都可以及时的反应到project-A中。 4、不想使用…

path.join():方法使用平台特定的分隔符[Unix系统是/，Windows系统是\ ]把全部给定的 path 片段连接到一起，并规范化生成的路径。若任意一个路径片段类型错误，会报错。 如果连接后的路径字符串是一个长度为零的字符串，则返回 '.'，表示当前工作目录。 pa…

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

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

自从出现模块化以后，大家可以将原本一坨代码分离到个个模块中，但是由此引发了一个问题。每个 JS 文件都需要从服务器去拿，由此会导致加载速度变慢。Webpack 最主要的目的就是为了解决这个问题，将所有小文件打包成一个或多个大文件，官网的图片很好的诠释了这个事情，除此之外，Web…

作者介绍：赵鹏，美团点评点餐团队成员 webpack是一个模块打包器（module bundler），提供了一个核心，核心提供了很多开箱即用的功能，同时它可以用loader和plugin来扩展。webpack本身结构精巧，基于tapable的插件架构，扩展性强，众多的loade…

DllPlugin结合DllRefrencePlugin插件的运用，对将要产出的bundle文件进行拆解打包，可以很彻底地加快webpack的打包速度，从而在开发过程中极大地缩减构建时间。 结论先行：使用DllPlugin和DllRefrencePlugin进行构建，可以缩减5…