Shopify使用资产文件夹中的子目录

时间:2017-09-09 06:54:09

标签: shopify liquid

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

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

任何帮助将不胜感激。提前致谢。

2 个答案:

答案 0 :(得分:1)

据Shopify员工说。目前这是不可能的,原因是由于他们使用的CDN的限制。查看该帖子here

无论如何,在资源文件夹中包含源文件并不是一种好习惯。查看Shopify Slate工具。它是一个主题脚手架和命令行界面,有助于保持项目结构的有序性。

您可以将资源(包括CSS和JavaScript)组织为具有目录结构的源文件,其方式与此类似:

styles/ global/ modules/ settings tools/ vendor/

命令行工具负责将所有源文件编译成一个CSS / JS文件!因此,您不必担心将相应文件包含<link><script>标记,因为它们已经全部处理好了!

我知道这是因为我遇到了和你一样的麻烦。看看Slate工具,它是一个救星!

https://shopify.github.io/slate/

答案 1 :(得分:0)

不幸的是,这不是Shopify目前支持的(截至2017年9月14日)

我尝试以几种不同的方式在我的开发主题的根目录和我的开发主题的资源文件夹中创建子文件夹,包括通过Shopify的ThemeKit编辑器,但Shopify没有让我创建该文件夹。

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

Shopify的普通主题编辑器按类型对文件进行分组,使它们看起来很接近,显然就像Shopify现在给我们的那样。