Size: a a a

Webpack — русскоговорящее сообщество

2020 June 03

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
Artem Barshatskyi
а если у меня dev-server запускается на порту 8080, можно как то browserSync прикрутить к этому порту? а то он запускает свой сервер на другом порту
мммм, если юзается dev-server, то вообще зачем отдельный watcher, если можно заюзать hot-reload?
источник

AB

Artem Barshatskyi in Webpack — русскоговорящее сообщество
а где его включить?
источник

🧨

🧨 ethorz in Webpack — русскоговорящее сообщество
Artem Barshatskyi
а где его включить?
гугл в помощь
источник

AB

Artem Barshatskyi in Webpack — русскоговорящее сообщество
🧨 ethorz
гугл в помощь
гуглю уже
источник

AB

Artem Barshatskyi in Webpack — русскоговорящее сообщество
Konstantin Sedykh
мммм, если юзается dev-server, то вообще зачем отдельный watcher, если можно заюзать hot-reload?
devServer: {
   hot: true
 }
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
Artem Barshatskyi
а если у меня dev-server запускается на порту 8080, можно как то browserSync прикрутить к этому порту? а то он запускает свой сервер на другом порту
хотяяя, у меня к примеру так настроен browserSync на некоторых проектах:
https://hastebin.com/isuhawazom.js
источник

AB

Artem Barshatskyi in Webpack — русскоговорящее сообщество
Konstantin Sedykh
хотяяя, у меня к примеру так настроен browserSync на некоторых проектах:
https://hastebin.com/isuhawazom.js
ты имеешь в виду проксировать?
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
угу
источник

🧨

🧨 ethorz in Webpack — русскоговорящее сообщество
много возни, один раз настроить хот релоад на одном порту все будет
источник

AB

Artem Barshatskyi in Webpack — русскоговорящее сообщество
🧨 ethorz
много возни, один раз настроить хот релоад на одном порту все будет
он у меня включен, но не реагирует на изменения
источник

🧨

🧨 ethorz in Webpack — русскоговорящее сообщество
Artem Barshatskyi
он у меня включен, но не реагирует на изменения
тебе надо во входном файле добавить энтрипоинты, которые в результате будут перерендериваться
источник

🧨

🧨 ethorz in Webpack — русскоговорящее сообщество
т.е в твоем index.js
источник

AB

Artem Barshatskyi in Webpack — русскоговорящее сообщество
🧨 ethorz
тебе надо во входном файле добавить энтрипоинты, которые в результате будут перерендериваться
по типу как со стиями?
import '../styles/index.scss';?
источник

🧨

🧨 ethorz in Webpack — русскоговорящее сообщество
если найду - скину, я с телефона просто
источник

AB

Artem Barshatskyi in Webpack — русскоговорящее сообщество
🧨 ethorz
если найду - скину, я с телефона просто
буду благодарен
источник

AB

Artem Barshatskyi in Webpack — русскоговорящее сообщество
🧨 ethorz
если найду - скину, я с телефона просто
entry: {
   app: Path.resolve(__dirname, '../src/scripts/index.js')
 }

для js описан, а html как описать? какой ключ в обьекте entry?
источник

🧨

🧨 ethorz in Webpack — русскоговорящее сообщество
var App = require('./App')

var React = require('react')

var ReactDOM = require('react-dom')




// Render the root component normally

var rootEl = document.getElementById('root')

ReactDOM.render(<App />, rootEl)




// Are we in development mode?

if (module.hot) {

 // Whenever a new version of App.js is available

 module.hot.accept('./App', function () {

   // Require the new version and render it instead

   var NextApp = require('./App')

   ReactDOM.render(<NextApp />, rootEl)

 })

}
источник

🧨

🧨 ethorz in Webpack — русскоговорящее сообщество
пример древний, но подойдет
источник

🧨

🧨 ethorz in Webpack — русскоговорящее сообщество
источник

DS

Dmitriy Shuleshov in Webpack — русскоговорящее сообщество
Есть же реакт хот лоадер
источник