更改根目录名称后，Webpack dev服务器不会看文件

Question

我最近更改了我的根目录的名称（package.json和webpack.config.js所在的位置），现在webpack-dev-server在我更改文件的任何时候都没有更新。

这是我的webpack配置：

var debug = process.env.NODE_ENV !== "production";
var webpack = require('webpack');
var path = require('path');

module.exports = {
  context: path.join(__dirname, "src"),
  devtool: debug ? "inline-sourcemap" : null,
  entry: "./js/init.js",
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /(node_modules|bower_components)/,
        loader: 'babel-loader',
        query: {
          presets: ['react', 'es2015', 'stage-0'],
          plugins: ['react-html-attrs', 'transform-class-properties', 'transform-decorators-legacy'],
        }
      }
    ]
  },
  output: {
    path: __dirname + "/src/",
    filename: "app.js"
  },
  plugins: debug ? [] : [
    new webpack.optimize.DedupePlugin(),
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.optimize.UglifyJsPlugin({ mangle: false, sourcemap: false }),
  ],
  devServer: {
    port: 3000,
    hot: true,
    historyApiFallback: {
      index: 'index.html'
    }
  }
};

我的目录看起来像这样（Client React是名称已更改的文件夹）：

让我澄清一下之前这样做得很好，所以我真的不知道为什么现在还没有工作。

编辑：package.json中的脚本

"scripts": {
    "dev": "./node_modules/.bin/webpack-dev-server --content-base src --inline --hot",
    "build": "webpack"
  },

Answer 1

您必须删除括号。可能是因为webpack使用的监视模块（watchpack）或在系统本身进行最终观看的部分没有正确转义它们。我建议您不要在目录或文件名中使用任何特殊字符，因为存在此类错误。