Shahzaib在这里，来找你一些帮助！
我仍然是Shopify和液体的新手，但我到了那里。
我正在试图在Shopify上缩小scss.liquid文件，通常当我尝试使用css文件时，我使用在线缩小器，执行它，显然scss.liquid格式没有得到妥善处理。每当我尝试缩小它时，我的网站都会崩溃？
你们有什么建议来缩小scss.liquid文件吗？
提前感谢，
问候，Shahzaib。
答案 0 :(得分：0)
我建议设置gulp任务来执行此操作。这将有助于将SCSS文件简化为单个文件，无论其风格如何。此外，您不会编辑主题的默认theme.scss.liquid文件，因此更容易覆盖默认样式，并且您确切知道哪些样式与主题相对应。
要设置gulp任务，您需要安装node.js和gulp。我建议使用npm。这是一个很好的介绍教程，你需要调整一下才能使用Shopify文件结构。例如，我建议为自定义.scss文件添加一个src目录，并将它们编译到assets目录中的一个文件中，而不是直接在theme.scss.liquid文件中工作。
https://css-tricks.com/gulp-for-beginners/
完成这些说明后，请确保在提交之前将node_modules添加到.gitignore文件中。
接下来，设置项目以使用themekit。 https://shopify.github.io/themekit/，并在保存文件后运行您的gulp任务。这会将你的src文件编译成assets目录中的一个文件，然后通过themekit上传到你的商店。
希望这有帮助！
答案 1 :(得分：0)
我的回答是第二，并补充一点，如果静态资产的缩小将成为主题开发工作流程的一部分，请使用gulp-shopify-upload观看本地运行的gulp.js您的更改并将其推送到您的商店：
https://www.npmjs.com/package/gulp-shopify-upload
特别参见基本用法。