如何让webpack的livereload工作?

时间:2016-10-05 04:06:44

标签: webpack webpack-dev-server

我正在尝试使用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选项还是我需要在别处设置?

1 个答案:

答案 0 :(得分:0)

您可以使用webpack-dev-server包的实时重新加载功能。 您已指定"内联" devServer部分中的选项,因此您不需要添加其他内容(" noInfo"键可以隐藏输出中的文本墙)。

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