问题背景
在前端开发中，我们通常使用 ESLint 对 JavaScript 代码进行格式化和规范化。然而，有时候在使用 ESLint 进行代码格式化之后，会出现丢失行末分号的问题，这会导致代码无法正常运行或者出现其他意外的错误。
例如，下面这段代码在使用 ESLint 进行格式化之后，就会丢失行末分号：
const foo = 'bar' console.log(foo)
格式化后的代码：
const foo = 'bar' console.log(foo)
可以看到，原本的代码中有行末分号，但是格式化之后却被删除了。
原因分析
这种情况的原因是 ESLint 默认配置中禁用了行末分号。这是因为在 JavaScript 中，行末分号是可选的，而且在很多情况下，不使用行末分号也不会导致代码出错。
然而，有些情况下，行末分号是必须的。例如，在使用一些 JavaScript 打包工具时，如果代码中没有行末分号，会导致打包出来的代码出现错误。
解决方案
为了解决这个问题，我们可以在 ESLint 配置文件中添加以下规则：
{
"semi": ["error", "always"]
}这个配置的意思是，强制在语句末尾使用分号，并且如果代码中没有分号，则会报错。
这样配置之后，即使使用 ESLint 进行格式化，也会保留行末分号了。
示例代码
下面是一个完整的示例代码，可以用来验证以上的解决方案是否有效：
const foo = 'bar'; console.log(foo);
在这个代码中，我们在第一行和第二行的末尾都加上了分号。如果我们使用 ESLint 进行格式化，也不会丢失这些分号。
总结
在前端开发中，使用 ESLint 对 JavaScript 代码进行格式化和规范化是非常重要的。然而，在使用 ESLint 进行代码格式化时，有时候会出现丢失行末分号的问题。为了解决这个问题，我们可以在 ESLint 配置文件中添加强制使用行末分号的规则。这样即使使用 ESLint 进行格式化，也不会丢失行末分号了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66078d33d10417a22261ebe8