webpack-dev-serverで特定のnode_modulesの変更を見る方法

Question

現在、私はmonorepoアーキテクチャを試しています。

webpack dev_serverを実行しているWebパッケージに、変更のための特定のnode_modules（シンボリックリンクされたローカルパッケージ）を見て、 "再構築"をトリガーしたいと思っています。

このようにすれば、依存関係を別々に構築でき、ブラウザがこれらの変更に反応します。

私のWebPACKの設定は以下の通りです：

var loaders = require('./../../../build/loaders-default'); 
var HtmlWebpackPlugin = require('html-webpack-plugin'); 
var path = require('path'); 
var webpack = require('webpack'); 

module.exports = { 
    entry: ['./src/index.ts'], 
    output: { 
     filename: 'build.js', 
     path: path.join(__dirname, 'dist') 
    }, 
    resolve: { 
     extensions: ['.ts', '.js', '.json'] 
    }, 
    resolveLoader: { 
     modules: ['node_modules'] 
    }, 
    devtool: 'inline-source-map', 
    devServer: { 
     proxy: [ 
      { 
       context: ['/api-v1/**', '/api-v2/**'], 
       target: 'https://other-server.example.com', 
       secure: false 
      } 
     ] 
    }, 
    plugins: [ 
     new HtmlWebpackPlugin({ 
      template: './src/index.html', 
      inject: 'body', 
      hash: true 
     }), 
     new webpack.ProvidePlugin({ 
      $: 'jquery', 
      jQuery: 'jquery', 
      'window.jQuery': 'jquery', 
      'window.jquery': 'jquery' 
     }) 
    ], 
    module:{ 
     loaders: loaders 
    } 
}; 

ローダーだけで通常のものが含まれています。中

Answer 1

あなたはnode_modulesにも変更を監視するために、webpack.configファイルまたはWebpackDevServerオプションで中に設定できるの（私はデフォルトのWebPACKですべてのファイルの変化を見ていると思います）

https://webpack.js.org/configuration/watch/#watchoptions-ignored

次のwebpackの例では、特定のモジュールを除くnode_modulesフォルダ内のすべての変更が無視されました。

watchOptions: { 
    ignored: [ 
    /node_modules([\\]+|\/)+(?!\some_npm_module_name)/, 
    /\some_npm_module_name([\\]+|\/)node_modules/ 
    ] 
} 

ignored[0] =正規表現some_npm_module_name

内のすべてのnode_modulesを無視するsome_npm_module_name

ignored[1] =正規表現を開始していないすべてのnode_modulesを無視することにも、このリンクnpm linked modules don’t find their dependencies

に使用されてもよいです