npm with node-sassとautoprefixer

Question

node-sassを使用して、すべてのSassファイルをmaster.cssにコンパイルします。 これはうまくいきますが、今ではプレフィックスを追加したいと思います。私はnpm、Gulp、Gruntしか使用しません。

ここに私のpackage.jsonファイル：

{ 
    "name": "xxxxxx.com", 
    "version": "1.0.0", 
    "description": "", 
    "watches": { 
    "sass": "src/scss/**" 
    }, 
    "scripts": { 
    "sass": "node-sass src/scss/master.scss -o dist/css/ --style compressed", 
    "prefix": "postcss --use autoprefixer dist/css/master.css -d dist/css/master.css", 
    "dev": "rerun-script" 
    }, 
    "author": "Jan", 
    "license": "ISC", 
    "devDependencies": { 
    "autoprefixer": "^6.3.1", 
    "browserify": "^13.0.0", 
    "clean-css": "^3.4.9", 
    "node-sass": "^3.4.2", 
    "postcss-cli": "^2.5.0", 
    "rerun-script": "^0.6.0", 
    "uglifyjs": "^2.4.10" 
    } 
} 

私はそれを実行するために得ることはありません。 autoprefixerとpostcss-cliを使用します。モジュールはプロジェクトディレクトリにローカルにインストールされています。私の "スクリプト"部分は偽であると思う。 どのように見えるでしょうか？

Answer 1

{ 
    "name": "npm-node-sass", 
    "version": "0.0.1", 
    "devDependencies": { 
     "autoprefixer": "^6.3.3", 
     "browserify": "^13.0.0", 
     "cssnano": "^3.5.2", 
     "jshint": "^2.9.1", 
     "node-sass": "^3.4.2", 
     "postcss": "^5.0.16", 
     "postcss-cli": "^2.5.1", 
     "watch": "^0.17.1" 
    }, 
    "scripts": { 
     "prebuild:css": "node-sass --include-path scss src/sass/styles.scss public/css/styles.css", 
     "build:css": "postcss --use autoprefixer -b 'last 2 versions' < public/css/styles.css | postcss --use cssnano > public/css/styles.min.css", 
     "lint": "jshint src/js/*.js", 
     "build:js": "browserify src/js/main.js > public/js/bundle.js", 
     "build": "npm run build:css && npm run build:js", 
     "prebuild:js": "npm run lint", 
     "build:watch": "watch 'npm run build' src/*" 
    } 
} 

devDependencyとしてpostcssとpostcss-cliが必要です。