webpack-dev-server non guarda sui nuovi file creati

Question

Desidero che il webpack rilevi le nuove modifiche per i file appena creati.

mio completo webpack.config.js file di

module.exports = { 
    entry: './src/client/js/index.js', 

    output: { 
    path: 'public', 
    filename: 'bundle.js', 
    publicPath: '/' 
    }, 

    resolve: { 
    extensions: ['', '.js', '.jsx'] 
    }, 

    plugins: process.env.NODE_ENV === 'production' ? [ 
    new webpack.optimize.DedupePlugin(), 
    new webpack.optimize.OccurrenceOrderPlugin(), 
    new webpack.optimize.UglifyJsPlugin() 
    ] : [], 

    module: { 
    loaders: [ 
     { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader?presets[]=es2015&presets[]=react' }, 
     { test: /\.scss$/, loaders: ['style', 'css', 'sass']} 
    ] 
    }, 

} 

Googled e cercato, ma non riesco a trovare nulla che aggiungerà automaticamente i nuovi file al mio osservatore.

Answer 1

Ci sono davvero due modi.

1. se si utilizza cli, quindi è possibile scrivere $ webpack-dev-server --content-base src/. Altro da webpack.

2. se si desidera che il codice da inserire in voi WebConfig,

   devServer: { 
       contentBase: "./src", 
   } 
   

   Più da weback.

Qui contentBase è la directory in cui si desidera webpack-dev-server ad ascoltare e leggere i file da.

Answer 2

si dovrebbe eseguire il server con questo comando:

webpack-dev-server --progress --hot