編譯和打包

對于模塊化相關的import和export關鍵字，babel最終會將它編譯為包含require 和 exports 的CommonJS 規(guī)范。這就造成了另一個問題，這樣帶有模塊化關鍵詞的模塊，編譯之后還是沒辦法直接運行再瀏覽器中，因為瀏覽器端并不能運行 CommonJS 的模塊。為了能再 WEB 端直接使用 CommonJS 規(guī)范的模塊，除了編譯之外，我們還需要一個步驟叫做打包(bundle)。
所以打包工具例如 webpack / rollup，編譯工具 babel 它們之間的區(qū)別和作用就很清楚了

• 打包工具主要處理的是 JS 不同版本間模塊化的區(qū)別

• 編譯工具主要處理的是 JS 版本間語義的問題