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

Question

​

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

我找不到我的所有主题文件夹在网络鸭子！我的主题名称是基石之光。

Answer 1

遗留主题平台(Blueprint)使用Cyberduck上传主题文件，但Stencil使用Stencil开发人员工具。如果您的商店应用了模具主题，您将不会在WebDAV中看到模板文件夹。

首先，安装操作系统的必备组件并安装模板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