可在支持它的瀏覽器中加載現代軟件包，也可用< link rel="modulepreload" >進行預加載；</li><li>加載舊版的軟件包可以使用<script nomodule>，支持 ES 模塊的瀏覽器會自動忽略該軟件包；</li><li><script nomodule>的修復程序在 Safari 10 會自動注入。</li></ul><p>對於 Hello World 應用程序，現代軟件包已經縮小了 16％。在實際應用中，現代軟件包通常會顯著加快解析和評測速度，從而提高應用程序的加載性能。</p><p>尤雨溪還表示：</p><blockquote><p>我們沒有將 modern mode 作為默認設置的原因是，如果使用 CORS / CSP，你需要更長的構建時間和一些額外的配置。</p></blockquote><p>構建 Web 組件</p><p>現在，你可以在 Vue CLI 3 項目中將任何 *.vue 組件構建成 Web 組件：</p><p>vue-cli-service build --target wc --name my-element src/MyComponent.vue</p><p>這將生成一個 JavaScript 包，它將內部 Vue 組件包裝，並註冊為頁面上的原生自定義元素，然後可以將其看做作< my-element >。</p><p>你甚至可以將多個 *.vue 組件放到具有多塊代碼拆分的包中：</p><p>vue-cli-service build --target wc-async 'src/components/*.vue'</p><p>在生成的包中包含一個小的入口文件，它將所有組件註冊為原生自定義元素，但只有在頁面上首次實例化相應的自定義元素，才能獲取底層 Vue 組件的代碼。</p><p>使用 Vue CLI 3，還可以使用相同的代碼庫來構建應用程序、UMD 庫或原生 Web 組件。</p><p>最後，尤雨溪說，Vue CLI 3 現在可作為 Vue 應用程序的標準構建工具，但這僅僅是個開始。如上所述，Vue CLI 的長期目標是將當前和未來的最佳實踐融入工具鏈中，最終為用戶提供高性能的應用程序。</p></div>
閱讀更多 在我的瞳孔裡照見你 的文章
