在 Windows 中使用 shell 脚本递归地合并和编译 SCSS 文件

Question

所以情况就是这样。我目前有以下文件夹结构的项目：

-- public_html
   -- assets
      -- scss (contains SCSS files, which can be located inside subfolders)
      -- scripts
         -- vendor 
            -- plugins (Also contain some SCSS files from the)
      -- css
      -- also some other folders (no scss or css here though)
   -- dist (distribution folder)
   -- other folders too for html, php etc...

当我想将脚本上传到我的远程服务器时，我首先将public_html中的完整文件夹结构处理为dist。我使用构建脚本build.sh 执行此操作，您可以在此处查看：

function prepareForBuild(){
    echo "Updating dependencies...";
    bower install

    echo "Preparing 'dist' directory...";
    mkdir -p dist
    rm -rf dist/*
    # for the * markup... */
}

function buildApp(){
    cd assets
    echo "Creating temp directory..."
    mkDir -p temp

    ## MERGING TAKES (OR SHOULD) PLACE HERE
    find "/" -name '*.scss' -exec cat {} \; > merge.scss


    cd ../
    pause
    # requirejs optimization
    echo "Optimizing files...";
    node r.js -o build/build.js
}

function cleanup(){
    echo "Cleaning up unnecessary files...";
    cd dist

    rm -f bower.json .gitignore .bowerrc README.md .DS_Store config.rb
    rm -f build.sh build.txt composer.json composer.lock
    rm -rf build dist scss .git .sass-cache .idea
}

function pause(){
   read -p "$*"
}

prepareForBuild
buildApp && cleanup 

echo "Building finished!";

---

问题：

但是，当我在 Git bash 终端中运行脚本时，它会在这一行中断：

find "/" -name '*.scss' -exec cat {} \; > merge.scss

编辑：“/”或“\”似乎不会影响问题:(
另外，从根 (public_html) 目录运行：

它在正常命令提示符“找不到文件 - *.scss”中返回（并输出一个空的 merge.scss 文件）并在 Git bash 终端中停止工作。 我将此行基于this 答案，但我无法让它为我工作。我也尝试了类似this 的方法，但这只会返回更多错误。 我在这里错过了什么？

编辑！

我认为 bash shell 只是停止工作，但似乎并非如此。过了一会儿，它返回这个： 这是什么意思？参考文件夹不正确吗？

目标：

如前所述，我想递归扫描资产文件夹中的 .scss 文件并将它们合并为一个 default.scss。

如果这对于要求与require.js（或简单地与节点）集成的另一个解决方案来说太过分了，正如您在我的脚本中看到的那样，我已经使用require.js 进行标准优化。

感谢您的时间和耐心！

Answer 1

如果要扫描资产目录下的文件，则不要在find 命令中指定根目录。省略目录也可能是个好主意。

find . -name "*.scss" -not -type d -exec cat {} \; > merge.scss

如果您希望在新创建的temp 目录中创建merge.scss 文件，则需要将其设为当前目录。然后您可以从父目录assets 进行文件扫描。

function buildApp(){
    cd assets
    echo "Creating temp directory..."
    mkDir -p temp

    ## MERGING TAKES (OR SHOULD) PLACE HERE
    cd temp
    find .. -name '*.scss' -not -type d -exec cat {} \; > merge.scss

    cd ../
    pause
    # requirejs optimization
    echo "Optimizing files...";
    node r.js -o build/build.js
}

另外，pause 命令在 bash shell 中是否适合您？这是一个 Windows 命令，除非你有别的东西。

Answer 2

您的 -exec 选项缺少 {} 特殊元素，这意味着文件匹配每个 find 迭代。此外，你不能明确地使用'\'作为根路径，至少它会是'/'。

尽管如此，理想情况下，您应该使用特定的子路径以提高效率，并出于权限访问的原因（我猜您的使用可能没有从根路径访问所有子路径的权限？）。

至少，您可以将指令更新为：

find '/' -type f -name "*.scss" -exec cat {} \; > merge.scss