Webpack Dev Serverでファイルを無視する

Question

Webpackの開発サーバーが監視するディレクトリ内のファイルを編集するのにEmacsを使用しています。私がファイルを変更するたびに、.#original_filenameのような同じディレクトリにバックアップファイルが作成されますが、私はEmacsの変更を保存しませんでした。これにより、サーバーのウォッチャーは変更を登録しますが、作成していなくても変更が登録されます。したがって、サーバーはファイルを変更するたびにリロードし、保存すると別のリロードを行います。

これはやや紛らわしく時間がかかります。 CPUやメモリ使用量の多くをもたらすことが多くのファイルシステムを見て、いくつかのシステムでは

：Webpack's documentationを見て、私は次のオプションを知りました。

ignored: "files/**/*.js" 

は、だから私は、以下のように私の設定を変更一致して無視する：

ignored: /node_modules/ 

anymatchパターンを使用することも可能である： node_modulesのような巨大なフォルダを除外することが可能です.で始まるファイル：

devServer: { 
    ... 
    watchOptions: { 
     ignored: './src/app/**/.*', 
    }, 
    ... 
} 

私はまだdevのサーバーを再起動しますが、ウォッチャーコードベースに加えられた変更としてバックアップファイルを登録します。私は間違って何をしていますか？

Answer 1

数回試した後に動作する解決策を見つけました。何らかの理由で、冒頭に./がある場合、現在のディレクトリを意味するはずです。

以下の作品にマッチするパターンを変更する：

watchOptions: { 
    ignored: '**/.*', 
}, 

Answer 2

それを行うための適切な方法が
あなたwebpack.config.jsノードのネイティブモジュールパスを使用することですが、このようになるはずです：

const path = require('path') 

module.exports = { 
    ... 
    devServer: { 
    watchOptions: { 
     ignored: [ 
     path.resolve(__dirname, 'dist'), 
     path.resolve(__dirname, 'node_modules') 
     ] 
    } 
    }, 
    ... 
}