Sass BigCommerce模具主题编辑器如何捆绑@import SCSS文件?
当我使用从node modules文件夹导入的@import语句时,导入工作非常完美Sass BigCommerce模具主题编辑器如何捆绑@import SCSS文件?,sass,bigcommerce,Sass,Bigcommerce,当我使用从node modules文件夹导入的@import语句时,导入工作非常完美 @import.../../node_modules/bulma scss/scss/utilities/functions” 但是,一旦用户通过backoffice主题编辑器编辑主题并保存更改,基本上会出现一个错误,即节点_模块文件夹不存在 预期结果 通过backoffice编辑器和“保存并应用”编辑.scss文件将成功更新主题中使用的相应.css文件 实际结果- 当“@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内部更改,因为在添加导入语句时,该功能尚未发布)。我不知道有更好的方法:(