webpack経由でeslintするときの注意点

当たり前な気がしますが、gruntやgulpではお目にかからない、webpackっぽい話

• eslint src/
  • => src/の全ての.jsに対してlint実行
• webpack + eslint-loader
  • => エントリーファイルから辿れる.jsに対してだけ lint実行
  • まだimport,requireしてないファイルとかはlintされない

参考までにeslint-loaderを組み込んだ、webpack.config.jsの例

webpack.config.js

const webpack = require('webpack')

module.exports = {
  context: `${__dirname}/src`,
  output: {filename: 'bundle.js', path: `${__dirname}/public`},
  resolve: {extensions: ['', '.js']},
  entry: {
    main: './index.js',
  module: {loaders: [
    {test: /\.js$/, exclude: /node_modules/, loader: ['babel-loader', 'eslint-loader']},
  ]}
}