2016-05-25 5 views
2

Вот моя конфигурация WebPack:WebPack-DEV-сервер не обновляет служил сверток

module.exports = { 
    entry: './src/index.js', 
    output: { 
    path: './js', 
    filename: 'bundle.js' 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.jsx?$/, 
     exclude: /node_modules/, 
     loader: 'babel', 
     } 
    ] 
    }, 
} 

Я начинаю WebPack-DEV-сервер, как это: webpack-dev-server --inline из корневой директории моего приложения.

Проблема заключается в том, когда я вношу изменения в свой файл index.js, похоже, что dev-сервер объединяется в консоль, но я не вижу никаких изменений в браузере. Даже после ручного обновления обслуживаемый пакет bundle.js не изменяется (я смотрю на него в инструментах разработчика, я знаю, что webpack-dev-сервер обслуживает файл из памяти и не записывает изменения в файловую систему).

Что-то не так в моей конфигурации в webpack или мне нужно настроить webpack-dev-server как-нибудь?

+0

Как вы относитесь к своему 'bundle.js'? И какой url вы используете для просмотра страницы? HTTP: // локальный: 8080 /? –

+0

Я использую localhost: 8080, а мой сайт использует bundle.js следующим образом: '' – Eschon

+0

Запустить сервер как 'webpack-dev-server -inline -hot' –

ответ

1

Поскольку Bob Sponge упоминается в комментариях, проблема в том, что отсутствует output.publicPath. Я обновил свою конфигурацию следующим образом:

module.exports = { 
    entry: './src/index.js', 
    output: { 
    path: './js', 
    filename: 'bundle.js', 
    publicPath: 'js/' 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.jsx?$/, 
     exclude: /node_modules/, 
     loader: 'babel', 
     } 
    ] 
    }, 
} 
+0

Хороший! publicPath был ответом! – Ryan

Смежные вопросы