Shopify 在资产文件夹中使用子目录答案

【问题标题】：Shopify Use Subdirectory in Asset FolderShopify 在资产文件夹中使用子目录
【发布时间】：2017-09-09 06:54:09
【问题描述】：

我想使用 CSS 文件夹中的 CSS 文件、js 文件夹中的 JS 文件和 images 文件夹中的图像，而不是将所有文件放在资产文件夹中的某个位置。然后将它们包含在资产文件夹中，以便我可以轻松维护文件。

我知道 Shopify 不支持资产文件夹中的任何子目录。但是有什么诀窍可以做到吗？

【问题讨论】：

可能有一个建议。无需将 js 或 css 文件上传到 Shopify 主题，您可以将它们托管在全局链接（站点）下，并将这些文件链接包含在 theme.liquid 或主题中的任何位置。
然后我需要使用另一个网络主机来上传我的 css、js 或图像文件。所以我认为这不是一个正确的方法。

【解决方案1】：

根据 Shopify 员工的说法。目前这是不可能的，原因是他们使用的 CDN 的限制。看到那个帖子here。

无论如何，将源文件放在资产文件夹中并不是一个好习惯。查看the Shopify Slate tool。它是一个主题支架和命令行界面，有助于保持项目结构井井有条。

您可以将资产（CSS 和 JavaScript）组织为具有目录结构的源文件，方式类似于：

styles/
  global/
  modules/
  settings
  tools/
  vendor/

命令行工具负责将所有源文件编译成一个 CSS/JS 文件！因此，您无需担心包含带有 <link> 或 <script> 标记的相应文件，因为这一切都已经处理好了！

【讨论】：

目前这是不可能的，原因是他们使用的 CDN 的限制。这甚至没有意义。文件在子目录或一个主目录中有什么区别。
@FabricioG 他们很可能正在使用 Amazon S3 进行文件存储。 S3 没有“真实”子目录的概念 (serverfault.com/questions/435827/…)。 “CDN”的解释可能只是一种方便的说法，即“我们的文件存储只是白标 Amazon S3，它不支持子目录”

【解决方案2】：

很遗憾，Shopify 当前不支持此功能（截至 2017 年 9 月 14 日）

我尝试通过几种不同的方式在我的开发主题的根目录和我的开发主题的资产文件夹中创建子文件夹，包括通过 Shopify 的 ThemeKit 编辑器，但 Shopify 不允许我创建文件夹。

尝试在商店的普通主题编辑器中创建子文件夹（通过命名资产subfolder/filename）会生成错误消息：Theme files may not be stored in subfolders

Shopify 的普通主题编辑器按类型对文件进行分组，以便它们看起来很接近，显然这与 Shopify 现在提供的一样多。

【讨论】：