如何解决Chrome 开发工具 VS Shopify 格式化文件
我目前正在使用 Chrome Dev Tools 中的 Coverage,以便从我的文件中删除未使用的 CSS。我的问题是 Coverage 中的文件与我的主题编辑器中的文件完全不同。我用我的 colorize.scss 文件发布了两张照片。有谁知道我如何查看或编辑 Dev Tools 显示给我的格式化文件?
解决方法
这是由于 SCSS
文件造成的,Shopify 主题包含扩展名为 .scss.liquid
或 .css.liquid
的文件,这些文件在服务器端编译并正常发送 CSS
。
因此,当您从开发工具中查看或查看页面源代码时,这些是编译版本,不包含与主题文件相同的 SCSS
代码。
注意:为了提高页面加载速度,Shopify 现在取消了对 SCSS
文件的支持,但对具有这些 {{1} } 文件。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。