CSSNEXTを使っているのですが、IE8のサポートが切れたのでremに自動にpxを加える機能をなくしたいのですが、セットになっているので、これだけ外すことはできないのでしょうか?
https://github.com/robwierzbowski/node-pixrem
を見ても英語で完全にはわからず翻訳してもそれらしい記述が見つかりません。
どなたか、ご存じないでしょうか?
初心者にもわかるように解説してくれる方お願いします。
私は下記のように使っているのですが、var cssnext = require('postcss-cssnext'); //cssnextをインポートと使っている場合は、結果的にどんなソースになるのでしょうか?
//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 csswring = require('csswring'); var calc = require('postcss-calc'); var customProperties = require("postcss-custom-properties"); var customMedia = require("postcss-custom-media"); //うまくいっていない。カスタムメディアクエリーズが使える gulp.task('css', function () { //”css”タスクを登録 var plugins = [ 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']);//監視したいファイルの相対パス });
回答2件
あなたの回答
tips
プレビュー