javascript setup webpack-dev-server는 생성 된 새 파일을 감시하지 않습니다.




webpack devserver setup (2)

다음 명령을 사용하여 서버를 실행해야합니다.

webpack-dev-server --progress --hot

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/ 쓸 수 있습니다. webpack 더 많은 webpack .
  2. webconfig에 코드를 포함 시키려면,

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

    weback 에서 더.

여기서 webpack-dev-server 가 파일을 듣고 읽을 디렉토리를 지정합니다.