如何在“npm run <script>”中获取文件列表并将其通过管道传输到另一个脚本？答案

【问题标题】：How get filelist in "npm run <script>" and pipe it to another script?如何在“npm run <script>”中获取文件列表并将其通过管道传输到另一个脚本？
【发布时间】：2017-01-20 21:40:28
【问题描述】：

在我的 package.json 中，我正在运行一个节点模块，它一次只能处理一个文件（我没有写它）。例如：

cleancss somefile.css -o somefile-min.css

我希望能够做类似的事情：

printfilelist -dir /public/css -files *.css | cleancss {filepath}.{fileext} -o {filename}-min.css

有什么办法吗？

【问题讨论】：

我对ATM一无所知，我想过写这样的东西，但从来没有。就个人而言，我会构建一个使用工具 JS API 的小型 Node.js 脚本，并添加一个 npm 脚本node .scripts/cleancss.js。
@RyanZim jsapi 是什么工具？有链接吗？
npmjs.com/package/clean-css#how-to-use-clean-css-api?
应该很容易使用 Unix 工具（尤其是 xargs），尽管它们可能在您的平台上不可用。

标签： node.js npm npm-scripts

【解决方案1】：

我最近遇到了一个类似的要求，即跨多个文件运行cleancss。最终选择了类似于 cmets 中讨论的解决方案，即使用 clean-css-api 和实用程序 node.js。

npm 脚本

"scripts": {
    "cleancss": "glob \"public/css/**/*.css\" | node .scripts/cleancss.js"
},

注意cli-glob（添加到package.json）的初始用途是在将路径传送到cleancss.js之前获取路径。

cleancss.js

实用节点脚本如下（虽然相当简陋！）：

#!/usr/bin/env node

var fs = require('fs');
var path = require('path');
var readline = require('readline');
var CleanCSS = require('clean-css');
var mkdirp = require('mkdirp');

var rl = readline.createInterface({
    input: process.stdin,
    output: null,
    terminal: false
});

var options = {
    // ... https://www.npmjs.com/package/clean-css#constructor-options
    // ... https://www.npmjs.com/package/clean-css#formatting-options
};

function saveFile(outputPath, minified) {
    fs.writeFile(outputPath, minified, function(err) {
        if (err) {
            return console.log(err);
        }
    });
}

function pathParts(srcPath) {
    var ext = path.extname(srcPath),
        name = path.basename(srcPath, ext),
        dirPath = path.dirname(srcPath),
        pathParts = dirPath.split(path.sep),
        pathNoRoot;

    pathParts.shift();
    pathNoRoot = pathParts.join(path.sep);

    return {
        ext: ext,
        name: name,
        pathNoRoot: pathNoRoot
    };
}

function minify(srcPath, outputPath) {
    var output = new CleanCSS(options).minify([srcPath]);
    saveFile(outputPath, output.styles);
}

function processPath(srcPath) {
    var outDir = process.env.npm_package_config_css_outdir || path.dirname(srcPath),
        p = pathParts(srcPath),
        newName = p.name + '.min' + p.ext,
        mkDirPath,
        outputPath;

    if (process.env.npm_package_config_css_outdir) {
        mkDirPath = outDir + path.sep + p.pathNoRoot + path.sep;
        mkdirp(mkDirPath, function() {
            outputPath = mkDirPath + newName;
            minify(srcPath, outputPath);
        });
    } else {
        outputPath = outDir + path.sep + newName;
        minify(srcPath, outputPath);
    }
}

rl.on('line', function(srcPath) {
    processPath(srcPath);
});

附加信息

默认情况下，.min.css 文件输出到与.css 源文件相同的路径。
但是，如果您需要更改输出目标，则可以使用package.json 中的config 对象。以下示例会将所有.css.min 输出到./dist/ 路径：

"config": {
    "css_outdir": "./dist"
},
"scripts": {
    "cleancss": "glob \"public/css/**/*.css\" | node .scripts/cleancss.js"
},

cleancss.js 在使用config.css_outdir 时利用mkdirp 复制/镜像目标文件夹中的.css 源路径/子文件夹。

【讨论】：