Webpack devサーバごとにbundle.jsを書きます

Question

私はJava（Springブート）プロジェクトでwebpackとreactJsを使用しています。 ローカルフォルダからbundle.jsファイルを提供するようにwebpackサーバーを構成しました。これをtomcatサーバー内で使用できます。 "WriteFilePlugin"を使用してファイルをHDに書き出しましたが、問題は次のとおりです。「npm start」を実行すると、ファイルは1回だけ生成され、各編集後にはJsファイルに更新されません。この問題を解決する方法を教えてください。 。私のWebPACKのdevのサーバーの設定次

：

import webpack from 'webpack'; 
import HtmlWebpackPlugin from 'html-webpack-plugin'; 
import autoprefixer from 'autoprefixer'; 
import WriteFilePlugin from 'write-file-webpack-plugin'; 
import DashboardPlugin from 'webpack-dashboard/plugin'; 

export default { 
    debug: true, 
    devtool: 'cheap-module-eval-source-map', 
    noInfo: true, 
    entry: [ 
    './src/webpack-public-path', 
    'webpack-hot-middleware/client?http://localhost:8080/', 
    './src/index' 
    ], 
    target: 'web', 
    output: { 
    path: `${__dirname}../../../../target/classes/public`, 
    publicPath: '/', 
    filename: 'bundle.js' 
    }, 
    plugins: [ 
    new webpack.DefinePlugin({ 
     'process.env.NODE_ENV': JSON.stringify('development'), 
     __DEV__: true 
    }), 
    new webpack.HotModuleReplacementPlugin(), 
    new webpack.NoErrorsPlugin(), 
    new DashboardPlugin({ port: 3333 }), 
    new HtmlWebpackPlugin({ 
     template: 'src/index.ejs', 
     minify: { 
     removeComments: true, 
     collapseWhitespace: true 
     }, 
     inject: true 
    }), 

    new webpack.ProvidePlugin({ 
     "React": "react", 
    }) 

    , new WriteFilePlugin({force:true}) 

    ], 
    module: { 
    loaders: [ 
     {test: /\.js$/, exclude: /node_modules/, loaders: ['babel']}, 
     {test: /\.eot(\?v=\d+.\d+.\d+)?$/, loader: 'file'}, 
     {test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url?limit=10000&mimetype=application/font-woff"}, 
     {test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, loader: 'url?limit=10000&mimetype=application/octet-stream'}, 
     {test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, loader: 'url?limit=10000&mimetype=image/svg+xml'}, 
     {test: /\.(jpe?g|png|gif)$/i, loader: 'file?name=[name].[ext]'}, 
     {test: /\.ico$/, loader: 'file?name=[name].[ext]'}, 
     {test: /(\.css|\.scss)$/, loaders: ['style', 'css?sourceMap', 'postcss', 'sass?sourceMap']} 
    ] 
    }, 
    postcss:() => [autoprefixer] 
}; 

Answer 1

あなたはホットモジュールの交換を使用している場合は、私がwrite-file-webpack-pluginプラグインは、この非常に目的のために作成されたと信じています。