昨天提到大量資料的事件綁定，今天再來聊一下關於 DOM 這件事情。不知道大家對於 Google Chrome DevTools
熟不熟悉，我們除了用他來看人家原始碼以外，也會使用他來觀察畫面的效能。
推薦大家可以追一下 Paul Irish [https://twitter.com/paul_irish] 的推特。
--------------------------------------------------------------------------------
關於效能問題
> Advanced performance tooling in Chrome DevTools - Paul Irish @ Velocity 2014
今天跟大家聊一下關於大型資料的一些例子。先說在最前面的，這種案例其實不多，屬於 八奇
[https://zh.wikipedia.org/wiki/%E7%81%AB%E9%B3%B3%E7%87%8E%E5%8E%9F%E8%A7%92%E8%89%B2%E5%88%97%E8%A1%
今天說好要提到 Webpack 的部分，然後，我最近其實有點疲憊，所以今天就先講一下目前在使用的 Webpack 就好了。
只是說，我可能不會多加解釋就是。
--------------------------------------------------------------------------------
說好的 Webpack
'use strict'
/**
* @author Scar Wu, Hina Chen.
*/
// Load Libraries
const path = require('path')
const webpack = require('webpack')
const webpackLodashPlugin = require(
其實樣式這件事情，是不是有動態載入好像不是那麼重要。除非你像是 AMP
那樣嚴格規範你的樣式使用範圍，不然通常我們都是全部打一包丟上去。然後就大家都用那一包了，你看看精美的 Bootstrap
，你會因為沒有使用到什麼設定而把他拿掉嗎？通常不會。
或者是你可以做一個客製化的 Bootstrap ，然後拿去偽裝成 bootstrap.min.css
，你這樣試試看後續接手的人會不會叫你出來，然後保證不打死你？
--------------------------------------------------------------------------------
樣式區塊
我們在 Vue 裡面其實有支援 CSS Modules 的作法：
> Vue.js 與 CSS Modules
[https:
昨天又再次說到動態載入元件，今天則來聊一下 Vue App 是不是也能做這種事情。我們之前在 第七天
[https://blog.hinablue.me/2019-ithome-ironman-day-7/] 的時候有稍微提了一下。基本上就是 90% 以上的人不會做這種事
，然後我大概就是那個 10% 會做這種蠢事的人。
我說過了，如果是兩組 App 想要綁定在不同的地方，溝通上會是個問題。根據昨天我尚未釋出的 Webpack
的結構來說，也不是一件不能做到的事情。至於什麼時候會釋出，大概就是等 Day 24 我聊到
