js 性能優化利器：prepack

1. js 性能優化

js 自己是沒有像 python 同樣的預編譯功能，更沒有像 java 同樣的編譯功能，因此，這裏所說的 js 代碼預編譯 只是經過工具實現的相似功能而已。

這就要提到 prepack 了，它的思路大體是這樣：

把不依賴外部環境的邏輯提早進行運算，並把運算結果替換到相應的源碼處，而後從源碼中移除這段邏輯。

2. prepack

2.1 安裝

2.2 編譯（打印在命令行）

2.3 編譯後輸出文件

2.4 示例

源代碼

編譯後的代碼

2.5 配合構建工具一塊兒使用

• prepack-webpack-plugin: A webpack plugin for Prepack
• rollup-plugin-prepack: A Rollup plugin for Prepack
• prepack-vscode: A Visual Studio code plugin for Prepack

2.6 問題

• 目前最新版本是 0.2.51，還一直在開發中，不少功能都尚未實現，包括模塊輸入輸出的優化