如何使用Node SASS编译组件样式目录

时间:2020-03-26 18:08:48

标签: sass node-sass npm-scripts

这很难解决,因此我需要受过教育。 。

我有一个设计系统,其核心样式库的结构如下:

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完成此任务,还是我需要其他工具?

0 个答案:

没有答案
相关问题