, , ,

[npm & Bower] Sass と PostCSS の処理を && で繋げると発生するエラーを npm-run-all で解決する

公開日: 2017/08/08
更新日: 2018/10/01

Sass のコンパイル後 PostCSS 処理する npm script。
npm-run-all で解決できました。

症状

このような形式で && するとエラーが発生。

package.json
  "scripts": {
    "build": "yarn run scss && yarn run autoprefixer && yarn run csswring",
    "scss": "node-sass --source-map-embed -o $npm_package_config_css_dir $npm_package_config_sass_dir",
    "autoprefixer": "postcss -u autoprefixer -r $npm_package_config_css_dir/**/*.css",
    "csswring": "postcss --no-map -u csswring -r $npm_package_config_css_dir/**/*.css",

エラー。
postcss-cli の仕様が絡んでいるようで困惑。
gulp は使いたくない。

✖ Input Error: Did not receive any STDIN
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

対応

インストール。

% yarn add npm-run-all --dev

CLI コマンドを書き換えます。

package.json
  "scripts": {
    "build": "npm-run-all scss autoprefixer csswring"

npm scripter 御用達。

補遺