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任何将自动添加新的文件到我的看守。
真的有几个方法。
- 如果你使用的是cli,那么你可以写
$ webpack-dev-server --content-base src/
。 更多来自webpack 。 -
如果你想把代码包含在你的webconfig中,
devServer: { contentBase: "./src", }
更多来自weback 。
这里的contentBase
是你想让webpack-dev-server
侦听和读取文件的目录。
您应该使用以下命令运行服务器:
webpack-dev-server --progress --hot