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

【问题标题】：webpack-dev-server does not watch on the new files createdwebpack-dev-server 不监视创建的新文件
【发布时间】：2016-08-13 10:43:37
【问题描述】：

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

}

我已经用谷歌搜索并搜索过，但找不到任何可以自动将新文件添加到我的观察者的内容。

【问题讨论】：

你使用的是 webpack 1 还是 webpack 2？
抱歉，是的，在撰写本文时 2 不是问题 :) 1.13.1

标签： javascript node.js webpack

【解决方案1】：

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

webpack-dev-server --progress --hot

【讨论】：

【解决方案2】：

确实有几种方法。

如果你使用cli，那么你可以写$ webpack-dev-server --content-base src/。更多来自webpack。
如果您希望代码包含在您的 webconfig 中，
```
devServer: {
    contentBase: "./src",
}
```
更多来自weback。

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

【讨论】：

这能回答你的问题吗？
嗯，这适用于 .js 文件，但不适用于我的 scss 文件，我正在测试更多