I would like webpack to detect new changes for freshly created files.

My plete webpack.config.js file

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

}

I have googled and searched but can't find anything that will automatically add new files to my watcher.

I would like webpack to detect new changes for freshly created files.

My plete webpack.config.js file

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

}

I have googled and searched but can't find anything that will automatically add new files to my watcher.

• javascript
• node.js
• webpack

• Are you using webpack 1 or webpack 2? – debatanu Commented Feb 5, 2017 at 10:42
• sorry, yes at the time of writing 2 wasn't a thing :) 1.13.1 – Jamie Hutber Commented Feb 5, 2017 at 11:14

2 Answers 2

There's couple of ways really.

1. if you are using cli, then you can write $ webpack-dev-server --content-base src/. More from webpack.

2. if you want the code to be included in you webconfig,

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

   More from weback.

Here contentBase is the directory where you want webpack-dev-server to listen and read the files from.

you should run the server with this mand:

webpack-dev-server --progress --hot