javascript - 我怎样才能取消我刮掉的一些CSS？

Question

我能想到的最好的是：

#!/usr/bin/env bash
filename=$1
cat "${filename}.css" | \
    awk '{gsub(/{|;/,"&\n\t"); print}' | \
    awk '{if(match($0,/[^\;]+}/)) {gsub(/}/,";\n&\n"); print}else{gsub(/}/,"\n&"); print}}' \
    > "${filename}.unminified.css"

有没有更好的方法来解析代码并插入空格以提高可读性？

Answer 1

您可以使用 JavaScript 来做到这一点。假设您在一个名为的变量中有 css，cssCode那么您可以在其上运行以下代码：

const unminifiedCSS = cssCode.split('{').join(' {\n    ')
            .split(';').join(';\n    ')
            .split(',').join(', ')
            .split('    }').join('}\n')
            .replace(/\}(.+)/g, '}\n$1')
            .replace(/\n    ([^:]+):/g, '\n    $1: ')
            .replace(/([A-z0-9\)])}/g, '$1;\n}');

如果您尝试检查，您现在将获得未缩小的 CSS！