如何缩小液体模板生成器生成的javascript文件

Question

我正在尝试优化shopify网站,GoogleSpeed Insights建议我缩小css和js文件.

推荐的文件都是由液体模板生成器生成的,所以我不能使用流行的minify工具.

如果有人有这方面的经验,请告诉我.

谢谢.

Answer 1

https://prepros.io/

我已经使用这个应用程序大约 7 个月了，我非常喜欢它。它可以转换和压缩您的文件。

我使用 SASS 作为我的 CSS 预处理器，这个应用程序帮助我保持代码干净，这是我将 10 个文件制作成一个文件并压缩它的方法：

1. 创建 10 个 .sass 文件
2. 再创建一个 .sass 文件，您将在其中将所有这些文件导入到一个文件中，我将其称为 main.sass
3. 使用 prepros 将所有文件导入到一个文件中，然后将其转换为 main.css
4. 因此，为了调试，我保留 main.css 并创建另一个名为 main-dist.css 的 css 文件
5. 使用 prepros 将 main.css 压缩为 main-dist.css。

在这里，您得到了 2 个不同的 css 文件，一个是压缩的，一个是未压缩的。您可以在创建网站时使用 main.css 进行调试，稍后，当您完成并且您的网站完美运行时，您可以使用 main-dist.css 并压缩您的样式。

哦，顺便说一句，我不知道如何使用 Grunt 或 Gulp，但我喜欢这个应用程序，因为它很简单

PS 我正在使用试用版（免费），并计划在为客户做一些工作后立即购买此应用程序。