webpack-dev-server不会监视所创build的新文件

我想webpack检测新创build的文件的新变化。

我完整的webpack.config.js文件

 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']} ] }, } 

我GOOGLE和search,但无法find任何将自动添加新的文件到我的看守。

真的有几个方法。

  1. 如果你使用的是cli,那么你可以写$ webpack-dev-server --content-base src/ 。 更多来自webpack 。
  2. 如果你想把代码包含在你的webconfig中,

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

    更多来自weback 。

这里的contentBase是你想让webpack-dev-server侦听和读取文件的目录。

您应该使用以下命令运行服务器:

webpack-dev-server --progress --hot