gulpfile.js で BrowserSync を使用すると "is not a PostCSS plugin" というエラーが出る `gulpfile.js` Browser Sync var gulp = require('gulp'); var postcss = require('gulp-postcss'); var browserSync = require('browser-sync').create(); // gulp.task('default', function () { var plugins = [ postcssimport, cssnext, nested, calc, // browserSync ]; // .pipe(postcss(plugins)) //PostCSS `// browserSync` `//` browserSync browserSync browserSync throw new Error(i + ' is not a PostCSS plugin'); ^ Error: [object Object] is not a PostCSS plugin

Browser Sync PostCSS


`browser-sync` API
API Gulp `gulpfile.js` Gulp PostCSSSass

* * *

`plugins` `postcss` PostCSS


`cssPlugins`


const cssPlugins = [
require('postcss-import'),
require('postcss-cssnext'),
require('postcss-nested'),
require('csswring'),
require('postcss-calc'),
require("postcss-custom-properties"),
];