如何在模板主题中添加新的css和js文件

Question

如何在BC模板主题中添加新的css和js文件？

我无法在cyberduck中找到我的所有主题文件夹！我的主题名称是Cornerstone Light。

Answer 1

遗留主题平台（Blueprint）使用Cyber​​duck上传主题文件，但Stencil使用Stencil CLI开发人员工具。如果您的商店应用了模板主题，您将无法在WebDAV中看到模板文件夹。

首先，安装操作系统的先决条件并安装Stencil CLI： https://stencil.bigcommerce.com/docs/installing-and-launching-stencil-1

下载您的主题，以便您可以在本地进行操作。 CSS文件可以添加到assets / scss，js文件可以使用像npm这样的包管理器安装，也可以上传到assets / js。

将custom.scss文件上传到assets / scss目录后，可以使用@import语句将其导入默认的scss文件（theme.scss）：

@import "custom";

以下是有关向主题添加CSS和js文件的文档的链接： https://stencil.bigcommerce.com/docs/custom-sass-functions#Compiling https://stencil.bigcommerce.com/docs/js-101

您可能还会发现此BC社区讨论有用： https://forum.bigcommerce.com/s/question/0D51B00003sRDg7SAG/custom-css-in-big-commerce