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

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

本文关键字：文件 新文件 监视 创建 webpack-dev-server      更新时间：2023-09-26

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

我已经用谷歌搜索和搜索，但找不到任何会自动向我的观察器添加新文件的内容。

真的有几种方法。

  1. 如果您使用的是 CLI，那么您可以编写 $ webpack-dev-server --content-base src/ .更多来自网络包。

  2. 如果您希望代码包含在您的 Webconfig 中， 

    devServer: {
    contentBase: "./src",
}

    更多来自韦尔克。

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

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

webpack-dev-server --progress --hot

相关文章：