如何獲得webpack的livereload工作？

Question

我想使用webpackdevserver和reactjs，並找不到如何讓我的livereload工作？這是我的配置設置：

var path = require('path'); 
var webpack = require('webpack'); 

module.exports = { 
    entry: "./app/app.js", 
    output: { 
     path: path.resolve(__dirname, "build"), 
     publicPath: "/dist/", 
     filename: "foss.js", 
     sourceMapFilename: "foss.map" 
    }, 
    devtool: '#source-map', 
    module: { 
     loaders: [{ 
      loader: 'babel', 
      exclude: /node_modules/ 
     }] 
    }, 
    devServer: { inline: true } 

} 

這是一個webpack選項還是我需要在其他地方設置？

Answer 1

您可以使用webpack-dev-server包的實時重新加載功能。 您已經在devServer部分中指定了「inline」選項，因此您不需要添加其他內容（除了「noInfo」鍵以隱藏輸出中的文本牆）。

npm install webpack-dev-server --save-dev 
webpack-dev-server