�ݺ�ߣ

HOT MODULE REPLACEMENT
Anze Znidarsic, Flycom d.o.o.

WHAT DO WE DO?
more: http://www.ﬂycom.si/software-solutions/

WHO USES MODULES?
ES6, COMMONJS,AMD

WHO USES WEBPACK?
http://webpack.github.io/

HOW DID WE GET HERE?
• Let’s useVueJS
• We have complex app, let’s bring inVuex - state management
• Why do we have Bower? Let’s kick it out and use only NPM
• We should use modules and not global objects. Let’s refactor to
modules
• Let’s replace Gulp with Webpack and NPM scripts only
• Finally we can have proper HMR :)

HOT MODULE REPLACEMENT
• HMR exchanges, adds, or removes modules
without a page reload

LET’S SEE IT IN PRACTICE
https://github.com/anzeznidarsic/es6-modules-webpack-hmr-
example

LET’S SEE IT IN PRACTICE
https://github.com/anzeznidarsic/es6-webpack-vue-vuex-hmr-
example

BUT WE USE LARAVEL, HTTPS,
VAGRANT, ETC.

READING
• https://webpack.github.io/docs/webpack-dev-
server.html#hot-module-replacement
• https://medium.com/@rajaraodv/webpack-hot-
module-replacement-hmr-e756a726a07
• http://vuejs.org/guide/
• http://vuex.vuejs.org/en/index.html

work related: anze@ﬂycom.si
other: a@anze.com
Thank you
link to slides will be posted on: twitter.com/anzeznidarsic

�ݺ�ߣ

Hot Module Replacement

More Related Content

Hot Module Replacement