webpack-dev-serverのログが見づらい時

備忘録です。

webpack-dev-serverで作業時

ほとんどが不要なログのように思ったりします。

$ webpack-dev-server 
ℹ ｢wds｣: Project is running at http://localhost:8080/
ℹ ｢wds｣: webpack output is served from /
ℹ ｢wds｣: Content not from webpack is served from /Users/NC00008197/react_redux

inspect: ul margin 0 auto
inspect: ul margin 0 auto
Child extract-text-webpack-plugin node_modules/extract-text-webpack-plugin/dist node_modules/css-loader/index.js??ref--0-1!node_modules/postcss-loader/lib/index.js!node_modules/sass-loader/lib/loader.js!assets/components/logo/styles/base.scss:
       2 modules
Child extract-text-webpack-plugin node_modules/extract-text-webpack-plugin/dist node_modules/css-loader/index.js??ref--0-1!node_modules/postcss-loader/lib/index.js!node_modules/sass-loader/lib/loader.js!assets/components/navigation/styles/base.scss:
       2 modules
Child extract-text-webpack-plugin node_modules/extract-text-webpack-plugin/dist node_modules/css-loader/index.js??ref--0-1!node_modules/postcss-loader/lib/index.js!node_modules/sass-loader/lib/loader.js!assets/components/navigation/styles/default.scss:
       2 modules
Child extract-text-webpack-plugin node_modules/extract-text-webpack-plugin/dist node_modules/css-loader/index.js??ref--0-1!node_modules/postcss-loader/lib/index.js!node_modules/sass-loader/lib/loader.js!assets/components/panel/styles/base.scss:
       2 modules
Child extract-text-webpack-plugin node_modules/extract-text-webpack-plugin/dist node_modules/css-loader/index.js??ref--0-1!node_modules/postcss-loader/lib/index.js!node_modules/sass-loader/lib/loader.js!assets/components/section/styles/base.scss:
       2 modules
Child extract-text-webpack-plugin node_modules/extract-text-webpack-plugin/dist node_modules/css-loader/index.js??ref--0-1!node_modules/postcss-loader/lib/index.js!node_modules/sass-loader/lib/loader.js!assets/components/section/styles/default.scss:
       2 modules
Child extract-text-webpack-plugin node_modules/extract-text-webpack-plugin/dist node_modules/css-loader/index.js??ref--0-1!node_modules/postcss-loader/lib/index.js!node_modules/sass-loader/lib/loader.js!assets/components/button/styles/base.scss:
       2 modules
Child extract-text-webpack-plugin node_modules/extract-text-webpack-plugin/dist node_modules/css-loader/index.js??ref--0-1!node_modules/postcss-loader/lib/index.js!node_modules/sass-loader/lib/loader.js!assets/components/tab/styles/base.scss:
       2 modules

「Webpackに読み込んでいるプラグインが、何かしました。」という説明のログが出てきて、いちいち読みづらい時があります。

webpack.config.js

export default {
  //省略しています。
  devServer: {
    stats: {
      builtAt: false,
      children: false,
      modules: false,
      version: false
    }
  },
}

これでログがスッキリしました。以上です。

参考記事：

（イシュー）出力ログレベルの冗長性
https://github.com/webpack-contrib/extract-text-webpack-plugin/issues/550
https://webpack.js.org/configuration/stats/