Как я могу заставить livereload работать с webpack?

#webpack #webpack-dev-server

#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:

Вы можете использовать функцию перезагрузки в реальном времени в пакете webpack-dev-server. Вы уже указали опцию «inline» в разделе devServer, поэтому вам не нужно добавлять что-то еще (кроме клавиши «noInfo», чтобы скрыть стену текста в выходных данных).

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