多次使用 enter 会增加代码的大小吗？答案

【问题标题】：does using enter many times increase the size of the code?多次使用 enter 会增加代码的大小吗？
【发布时间】：2018-12-03 18:21:22
【问题描述】：

我正在开发一个使用 Angular 4 和 TypeScript 的项目。最近我看到一个关于 VSCODE 的视频可以做到这一点。我为此安装了prettier 插件。并运行它以使代码看起来不错且可读。我也在脚本文件上做了同样的事情（即在 TS 文件上）。它所做的是让它可读，但代码行数增加了很多。

假设我写了一个输入

let input = {"root": {"firstname":input.firstname , "lastname": input.lastname , "mobilenumber": input.mobile}};

在我运行prettier 之后，单行TS 代码的输入变成了这样。

let input = {

"root":{

"firstname":input.firstname ,

"lastname": input.lastname ,

"mobilenumber": input.mobile,

}

};

所以需要 6 到 7 行代码。

这是否会增加文件大小，因为它进入一个类似于“ENTER”的新行？

我问这个是因为在此之后我在构建时遇到了一些内存错误。它是否也会增加我的页面内存大小，因为当我使用 chrome 开发工具通过堆快照进行检查时，几乎所有页面都在 40 到 50 MB 左右。

【问题讨论】：

额外的换行符和空格/缩进会使源文件的文件大小增加很小很小的量（与没有必要时完全没有空格相比），但它肯定不会有效果关于脚本的内存使用情况。
它会增加文件大小，因为每行有一个额外的字符，所以你正在查看每个文件额外的 x 字节，其中 x 是返回的字符数。您的代码在单行时是否有效？
对于生产，您始终可以缩小和捆绑代码。所以要保持文件较小。
仅仅让你的代码格式化不会导致“内存不足错误”，错误一定是在其他地方。如果有人告诉我：“我在一行中写了这个算法以防止内存错误”，我会觉得这是一个非常糟糕的借口。
@TamasHegedus 我解决了内存错误。我想知道这是否也可能是一个原因。内存错误只是因为我多次调用 DOM 元素。

标签： angular typescript memory prettier

【解决方案1】：

如果有空格，会增加文件大小

【讨论】：

【解决方案2】：

打包代码的大小将取决于您的构建。

此处页面大小背后的主要过程将是缩小。引用维基百科：

在计算机编程语言，尤其是 JavaScript 中，缩小（也称为最小化或最小化）是在不改变其功能的情况下从源代码中删除所有不必要字符的过程。

在开发构建时，您的代码通常不会缩小，因此您的页面会更大。但是在生产构建中，您的所有代码都应该被缩小并且不会产生任何影响。

【讨论】：