【问题标题】:node-sass compile scss files into a sub foldernode-sass 将 scss 文件编译到子文件夹中
【发布时间】:2019-01-27 02:26:05
【问题描述】:

我想在相对于源 scss 文件所在位置的子目录中输出已编译的 css 文件。我用的是node-sass的cli,

(从技术上讲,我使用的是 node-sass-chokidar,但这应该没什么区别,它只是 node-sass 的一个包装器)。

例如

code/
  dir1/
    style.scss
    css/
      style.css
  dir2/
    anotherstyle.scss
    css/
      anotherstyle.css

我需要这样的东西才能工作:node-sass code/* -o code/*/css/,但这不起作用:p。

我还需要能够监视文件的更改,因此建议的答案应牢记这一点。例如单独循环每个文件将是一个不兼容的解决方案,因为我将无法使用 node-sass 的 --watch 标志。

【问题讨论】:

    标签: node.js sass node-sass


    【解决方案1】:

    在您的命令中,您应该留下-o 标签并添加-w 用于观看功能。

    所以你应该尝试类似node-sass -w code/source code/destination

    如果你不能使用-w 标志,你可以使用像 Gulp 这样的任务运行器来做你想做的事情。

    【讨论】:

    • 我最大的问题是没有弄清楚如何让 node-sass 来观看文件,我过去已经能够成功地做到这一点。我最大的问题是弄清楚如何将目标文件放入子目录。所以我想我正在寻找的最后一个命令类似于node-sass code/* -o ???,我只是不确定要输入什么???让它工作。完成这项工作后,我应该可以在需要时轻松添加 --watch 部分。
    • 你应该替换 ???所需的子目录从 package.json 目录开始。
    • 那么对于我上面给出的示例文件夹结构,您会使用什么?因为在该文件夹结构中,将有多个输出子目录:code/dir1/css 和 code/dir2/css,具体取决于找到 scss 文件的位置。 (可以说代码的父目录包含了package.json)
    猜你喜欢
    • 2018-10-11
    • 2018-06-21
    • 2016-02-11
    • 1970-01-01
    • 1970-01-01
    • 2018-06-11
    • 2018-07-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多