Friday, February 10, 2017

webpack-dev-server does not watch on the new files created

By Hường Hana 2:00 PM , , Leave a Comment

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

My complete 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.

2 Answers

Answers 1

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.

Answers 2

you should run the server with this command:

webpack-dev-server --progress --hot

If You Enjoyed This, Take 5 Seconds To Share It

0 comments:

Post a Comment