持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第13天，点击查看活动详情 webpack如何打包资源优化你有了解吗？或者一个经常被问的面试题，首屏加载如何优化...

只要是做项目开发，必定离不开项目优化这个话题，实际工作中的项目页面一般都比多，业务逻辑自然也比较复杂，构建速度肯定会越来越慢，我们可以使用webpack optimization进行打包优化

自己学了一段时间webpack准备将自己的知识沉淀一下，千里之行始于足下，如果不沉淀一下的话总是觉得知识点有些浮躁，无法彻底沉淀下来。

本文为 eslint 介绍，其他plugins 可以阅读 webpack 三基础配置：配置plugins eslint  1. 安装依赖 在 webpack 4 中，ESLint 是通过 loader

想起自己刚入行的时候，从svn上把代码checkout下来，看到同事写的代码，大括号居然换行了。心中暗骂，这个人是不是个**，大括号为什么要换行？年轻气盛的我，居然满腔怒火，将空行一一删掉。 但是关于代码风格，我们很难区分谁对谁错，不同的人有不同偏好，唯有强制要求才能规避争论。…

在同一台电脑里，只要你没重装软件，vscode插件只需要安装一次即可。 重启项目，之后在 .js 和 .vue 文件中，我们已经能看到默认的eslint报错信息了。可以直接使用默认的规则，也可以在**.eslintrc.js** 文件的rules进行配置自己的规则 没错，只要v…

在上一节文章末尾，我们提出了一个问题，我们要如何控制代码风格的统一，避免一些低级错误。这一节我们就来介绍下解决这两个问题的方法：eslint语法检查。 在日常开发过程中，项目一般都是多人合作。为了保证代码的统一和规范，我们需要借助eslint去完成。在此过程中，我们需要使用到e…

写Vue项目时，使用CLI搭建项目，勾选上ESLint+Prettier就会自动帮我们配置好，最近写的代码脱离了webpack，想规范自己的代码格式，搜了很多文章，大都是基于webpack的。 经过我一番折腾后，终于搞出了不需要webpack就能让编辑器结合ESLint对代码进…

这篇文章目的是介绍如何创建一个ESLint插件和创建一个ESLint rule，用以帮助我们更深入的理解ESLint的运行原理，并且在有必要时可以根据需求创建出一个完美满足自己需求的Lint规则。 禁止项目中setTimeout的第二个参数是数字。 PS： 如果是数字的话，很容…