Webpack-dev-сервер не следит за созданием новых файлов

Я хочу, чтобы 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']}
    ]
  },

}

Я искал googled и искал, но не могу найти ничего, что автоматически добавит новые файлы моему наблюдателю.

Ответы

Ответ 1

На самом деле существует несколько способов.

• Если вы используете cli, тогда вы можете написать $ webpack-dev-server --content-base src/. Больше от webpack.

• если вы хотите, чтобы код был включен в ваш webconfig,

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

  Подробнее веб-сайт.

Здесь contentBase - это каталог, в котором вы хотите webpack-dev-server прослушать и прочитать файлы.

Ответ 2

вам следует запустить сервер с помощью этой команды:

webpack-dev-server --progress --hot