webpack-dev-server不监视创建的新文件

Question

我想让webpack检测新创建的文件的新更改。

我的完整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']}
    ]
  },

}

我已经用谷歌搜索过了，但是找不到任何可以自动添加新文件到我的监视器中的东西。

Answer 1

实际上，有几种方法。

1. 如果您使用的是cli，那么您可以编写$ webpack-dev-server --content-base src/。来自webpack.
2. if的更多信息，您希望代码包含在您的webconfig中，

devServer：{ contentBase："./src"，}

来自weback.的更多信息

这里的contentBase是您希望webpack-dev-server侦听和读取文件的目录。

Answer 2

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

webpack-dev-server --progress --hot