質問: [ postcssimport, cssnext, //一旦空の配列を作成 nested, calc, csswring, customProperties, customMedia ]; console.log( Array.isArray(plugins) );//pluginsの定義の後で、 !Array.isArray(plugins)の値がどうなってるかをログを取る為 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']);//監視したいファイルの相対パス }); ```
回答: postcss-cssnextは使ったことがないのでドキュメント等を見た限りですが、 * 2.5.0から`rem`というfeatureができて、これを無効にすればpixremが適用されなくなった (CHANGELOG)。 * IE8をbrowserlistから除外すると、remやrgbaはスキップされる (Featuresの冒頭注)。 従って、設定の方法は次のいずれかと思われます。 * フィーチャの変更: `features`に`rem: false`を追加する。 * ブラウザスコープの変更: `browsers`に`not ie <= 8`を追加する。