Question

その後上記のプラグインをnpm i -D postcss-commentでインストールしたのですが、トランスパイﾙの最中に下記のエラーがでて失敗します。
Error: [object Object] is not a PostCSS plugin

・
//gulpfile.js
var gulp = require('gulp'); //gulpをインポート
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 postcssimport = require('postcss-import');
var postcsscomment = require('postcss-comment');

gulp.task('css', function () { //”css”タスクを登録
var plugins = [
cssnext, //一旦空の配列を作成
nested,
reporter,
calc,
csswring,
postcssimport,
postcsscomment
];
return gulp.src('./src-before/*.css') //src-before下にある.cssファイルを指定
.pipe(postcss(plugins)) //PostCSSにファイルを処理してもらう
.pipe(gulp.dest('./dest-after')); //生成されたCSSをdest-after下に配置
});


・公式サイトに下記のように記載があるので、フックとなるファイルを自分で作らないといけないなどインストール以外にも必要な作業があるのでしょうか？
Hook require

require('postcss-comment/hookRequire')
var postcss = require('postcss')
 
var fs = require('fs')
 
var file = __dirname + '/inline.css'
 
postcss()
  .process(
    fs.readFileSync(file, 'utf8'),
    { from: file }
  )
  .then(function (result) {
    console.log(result.css)
  })