webpack eslintエラーメッセージ

Question

これは奇妙な質問かもしれませんが、私がWebpackを初めて使ったので、私はそれが正常であるかどうか疑問に思っていました。 eslintエラーメッセージは、エラーメッセージの上にいくつかの "チャンク（chunks）"があり、非常に長いようです。場合によっては、上部の「チャンク」が私の例よりも長くなり、私はそれらを取り除く方法を見つけることができませんでした（なぜ私はそれらが必要なのか分かりません）。追加するのを忘れた設定はありますか？

私はVueJS webpack simple templateを使用していて、それにeslintローダーを追加しました。私もWebpackのStylelintプラグインを試してみたところ、エラーメッセージは同じように見えました（すべての「チャンク」のために混乱しているか不明です）。 Webpack 2 docs on Statsから

Hash: 84d43d1c3599310c692c 
    Version: webpack 2.1.0-beta.28 
    Time: 227ms 
    chunk {0} build.js (main) 481 kB [entry] 
     [46] ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/component/Component.vue 182 bytes {0} [built] 
     [88] ./src/component/Component.vue 1.76 kB {0} [built] [1 error] 
     [89] ./~/vue-loader/lib/template-compiler.js?id=data-v-104cb767!./~/vue-loader/lib/selector.js?type=template&index=0!./src/component/Component.vue 412 bytes {0} [built] 
     + 94 hidden modules 

    ERROR in ./src/App.vue 

    /Users/dd/Documents/vue/src/App.vue 
     16:5 error Expected indentation of 4 spaces but found 2 indent 
     19:8 error Missing semicolon        semi 
     21:4 error Missing semicolon        semi 

    ✖ 3 problems (3 errors, 0 warnings) 

    @ ./src/main.js 2:0-28 
    @ multi main 

    ERROR in ./src/component/Component.vue 

    /Users/dd/Documents/vue/src/component/Component.vue 
     9:5 error Expected indentation of 4 spaces but found 2 indent 
     13:8 error Missing semicolon        semi 
     15:4 error Missing semicolon        semi 

    ✖ 3 problems (3 errors, 0 warnings) 

    @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue 11:0-50 
    @ ./src/App.vue 
    @ ./src/main.js 
    @ multi main 

Answer 1

：

statsオプションを使用すると、正確にバンドル情報が表示されますどのように制御することができます。 quietまたはnoInfoを使用したくない場合は、いくつかのバンドル情報が必要だが、すべてではないので、これは素晴らしい中間地点になる可能性があります。あなたのwebpack.config.jsで

あなたはプロパティstatsを持つトップレベルの輸出でdevServerオブジェクトを提供することができます。

は、チャンクの表示をオフにし、あなたのコンフィグにこれを追加するには：

module.exports = { 
    ..., 

    devServer: { 
    stats: { 
     chunks: false 
    } 
    }, 

    ... 
}