WebpackとSymfonyでtwigファイルを見るには？

Question

私はwebpackとSymfony 2で遊んでいます。 今のところ私は彼らが一緒に働くように管理しています。

jsファイルまたはcssファイルを保存すると、ブラウザにwebpack-dev-serverが自動的に再読み込みされます。 しかし、Twigファイルを変更して保存するときにwebpackにブラウザのリロードを指示する方法はありますか？

root 
├── app 
│ ├── config 
│ └── Resources 
│  └── assets 
│   └── img 
│   └── js 
│    └── index.js (my entry point) 
│   └── scss (my styles files) 
│  └── views (All my twig files are here) 
├── src 
│ └── AppBundle 
├── nodes_modules 
├── web 
    ├── bundles 
    └── build (generated files by webpack) 
├── package.json 
└── webpack.config.js 

そして、私のWebPACKの設定：任意のアドバイス

... 
module.exports = { 
    entry: 'app/Resources/assets/js', 
    output: { 
     path: 'web/build', 
     filename: '[name].js', 
     chunkFilename: '[name].bundle.js', 
     publicPath: '/build/', 
     pathinfo: true 
    } 
    plugins: [ 
     new ExtractTextPlugin('styles.css', {allChunks: true}), 
     new webpack.DefinePlugin({ 
      'process.env': { 
       NODE_ENV: JSON.stringify('development') 
      } 
     }), 
    ], 
    module: { 
     preLoaders: [ 
      { 
       test: /\.js$/, 
       loaders: ['eslint', 'jscs'], 
       include: PATHS.app 
      } 
     ], 
     loaders: [ 
      {test: /\.js$/, loader: 'babel?cacheDirectory'}, 
      {test: /\.css$/, loader: ExtractTextPlugin.extract('style', 'css')}, 
      {test: /\.scss$/, loader: ExtractTextPlugin.extract('css?sourceMap!sass?sourceMap')}, 
      {test: /\.(png|gif|jpe?g|svg|woff2?|eot|ttf)$/i, loader: 'url', query: {limit: 10000}} 
     ] 
    }, 
    resolve: { 
     extensions: ['', '.js'], 
     modulesDirectories: ['node_modules', ''] 
    } 
    devServer: { 
     contentBase: path.join(__dirname, 'web/'), 
     historyApiFallback: true, 
     stats: 'errors-only', 
     host: '0.0.0.0', 
     port: '8090' 
    } 
} 

おかげでここ

は私のプロジェクト構造です。

Answer 1

ネヴァーマインド、

私は私が何をしたいんプラグインが見つかりました： https://github.com/man27382210/watchFile-webpack-pluginを。

ありがとうございます。