postcss-custom-propertiesがうまく動きません。
・エラー
throw new gutil.PluginError('gulp-postcss', 'Please provide array of postcss processors!')
^
Error: Please provide array of postcss processors!
・gulpfile.js
//gulpfile.js var gulp = require('gulp'); //gulpをインポート var postcssimport = require('postcss-import'); var postcss = require('gulp-postcss'); //gulp-postcssをインポート var cssnext = require('postcss-cssnext'); //cssnextをインポート var nested = require('postcss-nested'); var reporter = require('postcss-reporter'); //stylelintだけだとレポートが出力されない為 var csswring = require('csswring'); var calc = require('postcss-calc'); var customProperties = require("postcss-custom-properties"); var customMedia = require("postcss-custom-media"); //うまくいっていない。カスタムメディアクエリーズが使える var plumber = require('gulp-plumber');//うまくいっていない。gulpのwatchが止まらないようにする gulp.task('css', function () { //”css”タスクを登録 var plugins = [ postcssimport, cssnext, //一旦空の配列を作成 nested, reporter, calc, csswring, customProperties, customMedia, plumber ]; return gulp.src( ['./src-before/*' , './src-before/*/*'], { base: 'src-before' }) //src-before下にある.cssファイルを指定 .pipe(postcss(plugins)) //PostCSSにファイルを処理してもらう .pipe(gulp.dest('./dest-after/css')); //生成されたCSSをdest-after下に配置 }); //以下gulp-watch gulp.task('watch', function(){ gulp.watch(['./src-before/*' , './src-before/*/*' , './src-before/*/*/*'], ['css']);//監視したいファイルの相対パス });
・gulpは難しくて、英語の公式サイトを見てもよくわかりません。
varと
var pluginsの中とこの二つを記載するだけで動くものが多いですが、
そうでないものは一体どうやったら使えるのでしょうか?
日本語の情報がありません
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/07/13 09:41
2016/07/13 09:47 編集
退会済みユーザー
2016/07/13 10:17
2016/07/13 11:06
退会済みユーザー
2016/07/14 01:48