pipe - 如何将node-sass的输出获取到postcss autoprefixer

Question

如何使用 node-sass 的输出来传递 postcss autoprefixer。

我不想使用任何 webpack 或 gulp。

我纯粹使用节点包中的 cli

这是我当前的 npm 脚本

node-sass --watch ./src/scss --output ./dist/assets/css | postcss ./dist/assets/css/app.css --use autoprefixer --output ./dist/assets/css/app-dist.css

仅当我输出到具有不同名称的同一文件夹时，一切才有效。但如果我想输出到相同的名称，它就不起作用。

所以流程是 scss -> css -> autoprefixer -> generated.css

Answer 1

我认为没有可用的 node-sass api 允许您通过 cli 来执行此操作。

我最终并行运行了node-sass-chokidar和postcss，并使用node-sass创建了一个中间临时文件，它并不漂亮，但它完成了工作:

node-sass-chokidar ./root.scss ./tmp/root.css --watch --source-map-embed --source-map-root file://${PWD}/ &
P1=$ postcss -w ./tmp/root.css -o ./a-very-long-path-lalala/root.css &
P2=$! wait $P1 $P2

这允许您使用 ctrl+c 终止两者。您还可以使用 scripty 将脚本移动到外部文件。所以你的 package.json 脚本保持相当短。

您也可以考虑使用 gulp 或 grunt。