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

Sass BigCommerce模具主题编辑器如何捆绑@import SCSS文件?,sass,bigcommerce,Sass,Bigcommerce,当我使用从node modules文件夹导入的@import语句时,导入工作非常完美 @import.../../node_modules/bulma scss/scss/utilities/functions” 但是,一旦用户通过backoffice主题编辑器编辑主题并保存更改,基本上会出现一个错误,即节点_模块文件夹不存在 预期结果 通过backoffice编辑器和“保存并应用”编辑.scss文件将成功更新主题中使用的相应.css文件 实际结果- 当“@import”语句引用节点模块文件夹中

当我使用从node modules文件夹导入的@import语句时,导入工作非常完美

@import.../../node_modules/bulma scss/scss/utilities/functions”

但是,一旦用户通过backoffice主题编辑器编辑主题并保存更改,基本上会出现一个错误,即节点_模块文件夹不存在

预期结果

通过backoffice编辑器和“保存并应用”编辑.scss文件将成功更新主题中使用的相应.css文件

实际结果-

当“@import”语句引用节点模块文件夹中使用的文件时,会出现“file not exist”错误字符串


问题视频说明:1分钟40秒

节点单元
在主题中可用,但在浏览器中编辑时不可用。这是因为在“捆绑”过程中,
node\u modules
的内容被转换成不同的格式并放在
/parsed
目录中

在商店的控制面板中编辑主题时,
/parsed
目录/
节点模块
的内容不可编辑,也不可访问


为了解决这个问题,我建议通过非包管理方法包括该文件

节点单元模块
在主题中可用,但在浏览器中编辑时不可用。这是因为在“捆绑”过程中,
node\u modules
的内容被转换成不同的格式并放在
/parsed
目录中

在商店的控制面板中编辑主题时,
/parsed
目录/
节点模块
的内容不可编辑,也不可访问


为了解决这个问题,我建议通过非包管理方法包括该文件

谢谢你提供的信息,这很有意义。我们之所以进行如上所述的导入,是因为这是基石主题中使用的现有模式。检查此链接:是否有任何方法可以在供应商样式表中导入,而不必使用webpack进行奇怪的复制/粘贴?@Ransom我相信它包含在期望中,它不会被更改(至少不会从CP中进行更改,因为在添加导入声明时,该功能尚未发布)。我不知道还有更好的方法:(感谢您提供的信息,这是有道理的。我们之所以进行上述导入,是因为这是基石主题中使用的现有模式。检查此链接:是否有任何方法可以在供应商样式表中导入,而不必使用webpack进行奇怪的复制/粘贴?@Ransom我相信这已包含在expecta中。)但是它不会被更改(至少不会从CP内部更改,因为在添加导入语句时,该功能尚未发布)。我不知道有更好的方法:(