2017-09-19 5 views
1

AngularJS 1.6(Typescript)ベースのアプリケーションでwebpack 2.4.2を使用しています。 .ts、.js、.lessなどのファイルを変更すると、webpackは自動的にlintエラーをチェックして報告します。webpackコンパイルのフック

webpackが自動的に変更を検出してlintを実行する方法がわかりませんが、tslintエラーをチェックするようなカスタムコマンドを実行したいと思います。どのようにそれを達成することができるかについてのあらゆる指針?

+0

おそらく、それは 'loaders'または' rules'のWebpack設定ファイルにあります。 –

答えて

1

最新のWebpackを使用して、eslintを設定する方法は次のとおりです。しかし、あなたはtslintローダーを見つける必要があります。

module.exports = { 
    module: { 
    rules: [ 
     { 
     test: /\.jsx?$/, 
     enforce: 'pre', 
     exclude: /(node_modules|bower_components)/, 
     use: 'eslint-loader' 
     } 
    ] 
    } 
} 
+0

これはどのようにして質問に答えますか? – smnbbrv

+0

次のエラーが発生しました マルチ(webpack)-dev-server/clientでエラーが発生しましたhttp://0.0.0.0:8080 webpack/hot/dev-server ./src/index.ts モジュールが見つかりません:エラー: '/ home/cbdev1/cb/bas/client'の 'eslint-loader'を解決できない @ multi(webpack)-dev-server/client?http://0.0.0.0:8080 webpack/hot/dev -server ./src/index.ts ' 最後のコメントはhttps://github.com/webpack/webpack/issues/1083 '解決:{ modules:[ path.join(__ dirname、 "src ")、 " node_modules " } しかし、私は既に自分の設定でそれを持っています – Phalgun

+0

私はeslint-loaderがあなたのpackage.json? – danday74

関連する問題