css - 管道无法按预期运行 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