这很难解决,因此我需要受过教育。 。
我有一个设计系统,其核心样式库的结构如下:
core
-- scss
-- components
-- button
|-- settings.scss
|-- mixins.scss
|-- module.scss
。 。 。有几十个组件目录,但是它们都有一个module.scss
作为其主要的sass编译入口点。
我的目标是在package.json中的构建中添加一个编译脚本,该脚本将逐一遍历组件,进行编译并在新的css
目录中输出(与现有{{1}同级) }目录,如下所示:
scss
我摆弄着类似的东西:
core
-- css
-- components
-- button
|-- module.css
我怀疑可能是问题所在,但是它们可以很好地定位第一个输入实例,但是它不是在所需的输出路径上而是在下一个输入实例上写入。例如,它通过覆盖下一个模块"css:build:components": "node-sass -i ./scss/components/**/module.scss -o ./css/components/**/module.css",
来编译scss/components/accordion/module.scss
,而我就像是“给什么”?
是否有办法让Node Sass完成此任务,还是我需要其他工具?