如果 index.html 沒有加載任何 javascript，Vue 應用程序如何啟動？

Question

我讀過的關於 Vue 的資源都沒有試圖解釋 Vue 應用程序是如何啟動的。 涉及三個文件：public/index.html、src/main.js和src/App.vue。 使用 vue cli 4.1.1 創建的腳手架包含這個 index.html，它顯然是入口點：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title>sample-vue-project</title>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but sample-vue-project doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

main.js 文件會創建 Vue 應用程序本身，但 index.html 不會加載 main.js。 如果我雙擊 index.html 會得到一個空白頁面，因此必須進行其他操作才能啟動應用程序。 index.html 中的注釋說文件將被自動注入，但是注入是什么？

Vue 啟動過程是否記錄在某處？

Answer 1

當您在本地開發時，Vue Cli 會處理注入，因為您的運行命令類似於npm run serve用於默認配置。

當您開始將代碼投入生產時，您最終將運行一個不同的命令npm run build ，它將創建一組新文件，其中 index.html 文件將包含一個引用所有 JavaScript 代碼的腳本標記。 在幕后，它使用 webpack 來完成所有資產鏈接。

有關更多詳細信息，請參閱Vue Cli網站。

如果 index.html 沒有加載任何 javascript，Vue 應用程序如何啟動？

問題描述

1 個解決方案

解決方案1
3 已采納 2020-01-07 16:39:55

如果 index.html 沒有加載任何 javascript，Vue 應用程序如何啟動？

問題描述

1 個解決方案

解決方案1 3 已采納 2020-01-07 16:39:55

解決方案1
3 已采納 2020-01-07 16:39:55