Я запускаю приложение PHP
на localhost:8000
.
Я хочу использовать webpack-dev-server
для горячей перезагрузки css
, react
и js
компонентов.
Установил прокси-сервер http://localhost:8000
, но webpack-dev-server
не перезагружает браузер.Webpack dev server live reload с прокси
Вот webpack.config.js
:
var path = require('path');
var autoprefixer = require('autoprefixer');
module.exports = {
entry: [
'./src/app.js'
],
output: {
path: path.join(__dirname, 'dist'),
publicPath: 'http://localhost:8000',
filename: 'app.js'
},
module: {
loaders: [
{
test: /\.js$/,
exclude: /node_modules/,
loaders: [ 'react-hot', 'babel-loader' ]
},
{
test: /\.scss$/,
loaders: [ 'style-loader', 'css-loader', 'sass-loader' ]
}
]
},
postcss: [
autoprefixer(
{
browsers: [
'last 2 versions'
]
}
)
],
devServer: {
port: 3000,
proxy: {
'**': {
target: 'http://localhost:8000',
secure: false,
changeOrigin: true
}
}
}
}
Я доступа к webpack-dev-server
на http://localhost:3000/webpack-dev-server/
.
Замена моего react
компонента вызывает webpack-dev-server
, чтобы перекомпилировать, но браузер не обновляется.
Запуск webpack
скомпилирует файл dist/app.js
, как его называют вручную, и перезагрузка браузера работает.
ли вы каждый удается решить эту проблему? Я также пытаюсь прокси-сервера, и после изменения весь браузер обновляется, вместо того, чтобы вводить изменения без обновления. Я использую webpack-dev-сервер и реагирую-горячую перезагрузку на стороне клиента и сервер узла на стороне сервера. –
думаю есть. Но это было время. Не могу вспомнить, что я сделал :) – resting
Я знаю, что вы валяете:) Если вы когда-нибудь запомнили или у вас есть пример кода, отправьте его. Кажется, что это не решение для всего Интернета :) –