@ Livesense 0x64 stories

1. Webpacker
@ 0x64 #0x0B 2018-02-26
Yuta Suzuki @euxn23

5. Webpacker

6. Rails v5.1 Release Note

7. Rails v5.1 Release Note
Rails <3 Webpack
 Webpacker

9. Rails, jQuery

11. asset-pipeline

12. *
* global scope
* gem (not npm)
asset-pipeline

13. *
* DOM
* View JS
asset-pipeline

14. "

15. Webpacker

17. Webpacker

18. Webpacker

19. Rails 5.1

20. !

21. Rails 5.1

23. *
* asset-pipeline
* webpack
Webpacker

24. `app/javascript/packs`
entry
Webpacker
* + public/packs
* View
* <%= javascript_pack_tag 'my-module' %>
* babel-preset-env
* .babelrc

25. Webpacker

26. Webpacker

28. webpack.config.js
config/webpack/environment.js

29. webpack.config.js
config/webpack/environment.js

30. config
merge

31. config

32. * CommonsChunkPlugin
* UnglifyPlugin
* Tree Shaking
JS

33. * (Uglify )
*
* webpacker
* CommonsChunkPlugin !
* `RIP CommonsChunkPlugin [ ]`
more info 
`hiroppy webpack v4 [ ]`
Webpack v4

34. webpack.config.js

35. * React
(CommonsChunkPlugin)
*
* Tree Shaking
* chunk
*
JS

36. * JS
* chunk
* chunk Component
Tree Shaking

38. * ES Modules JS
* HTTP/2 JS
* CDNJS React

39. * ES Modules JS
* HTTP/2 JS
* CDNJS React
 Webpack