BigCommerce模板主题编辑器如何捆绑@导入SCSS文件？

Question

当我使用从节点模块文件夹导入的@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

Answer 1

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

在存储的控制面板中编辑主题时，/parsed目录/node_modules的内容不可编辑，也无法访问。

为了解决这个问题，我建议通过非包管理方法将该文件包括在内。