javascript - 更改根目录名称后，Webpack 开发服务器不监视文件

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)或在系统本身中进行最终监视的部分正确转义。由于此类错误，我建议您不要在目录名或文件名中使用任何特殊字符。