管道不像预期的npm脚本那样工作

Question

我正试图通过将转置的css作为第一个参数传递给cssnano，从而使用cssnano压缩我的sass文件。它不工作，因为它只创建一个空白文件。第一个脚本正确运行并创建压缩的css文件。这是我的package.json

{
  "name": "cssnano",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "scripts": {
    "build:css": "cssnano < main.css > main.min.css",
    "build:css1": "node-sass main.scss > main.css | cssnano > main.min.css"
  },
  "dependencies": {
    "cssmin": "^0.4.3",
    "cssnano-cli": "^1.0.5",
    "node-sass": "^3.13.0"
  }
}

Answer 1

如果您确实需要main.css和main.min.css，可以尝试这样做(因为写入文件显然也不会将内容添加到管道中)：

node-sass main.scss > main.css && cat main.css | cssnano > main.min.css

否则请使用此方法：

node-sass main.scss | cssnano > main.min.css

Answer 2

您可以使用Unix tee命令，或节点等效的https://github.com/stefanmaric/ntee。

node-sass main.scss | tee main.css | cssnano main.min.css

如果您的脚本只需要在Unix上工作，请使用tee。如果它必须在windows上工作，则需要使用ntee。