BigCommerce模板主题编辑器如何捆绑@import SCSS文件?

时间:2017-08-02 15:36:18

标签: sass bigcommerce

当我使用从节点模块文件夹导入的@import语句时,导入工作完美。

@import "../../node_modules/bulma-scss/scss/utilities/functions";

但是,一旦用户通过后台主题编辑器编辑主题并保存更改,基本上就会出现错误,即该node_modules文件夹不存在。

预期结果

通过后台编辑器编辑.scss文件并保存并应用'将成功更新主题中使用的相应.css文件

实际结果 - https://www.screencast.com/t/RluUCmMq7Iqa

一串'文件不存在'错误发生在" @ import"语句引用节点模块文件夹中使用的文件

问题视频解释:1分40秒https://www.screencast.com/t/D4CvGQkk0cl

1 个答案:

答案 0 :(得分:0)

node_modules在主题中可用,但在浏览器中进行编辑时不可用。原因是在“捆绑”期间,node_modules的内容将转换为不同的格式并放在/parsed目录中。

在商店的控制面板中编辑主题时,/parsed目录/ node_modules的内容无法编辑,也无法访问。

我建议通过非包管理方法包含该文件以解决此问题。