# :-: H5端編譯上傳 > **注意：在編譯安裝之前必須安裝node.js，版本號為18~20** > 安裝鏈接：https://nodejs.org/en/download/prebuilt-installer > 在編譯之前首先要給uniapp安裝依賴（命令行執行npm install）如下圖： ## 方法一：源碼在本地的安裝依賴 打開源碼所在目錄，將路徑打開到uniapp下：如圖：    安裝完依賴之后，會看到在uni-app文件夾下會生成一個node_modules文件夾。如圖：  ## 方法二：源碼在寶塔時安裝依賴 如果源碼在寶塔時，和在本地一樣找到源碼站點的uniapp所在目錄，如圖：  打開終端，執行 npm install 進行安裝依賴，如圖：   依賴完成后，同樣在uniapp目錄下會看到生成一個node_modules文件夾，如圖：  如上操作依賴安裝完成，接下來就要將uniapp源碼包導入開發者工具中進行編譯上傳了，步驟如下： ## 一、將uniapp源碼包導入到Hbuilder工具中。 這里一定要注意導入的uniapp源碼包的路徑，很多開發者在這里極容易出錯，導入的uniapp源碼包不全或者位置錯誤。  ## 二、填寫配置文件。 這里需要說明：在uniapp源碼根目錄有兩個配置文件，.env.development 文件和.env.production文件，這里有必要講解一下。 .env.development 配置文件是用于本地開發過程中進行實時觀看效果，也就是小程序或者h5運行的時候填寫； .env.production 配置文件是需要發行到線上的時候填寫；  ## 三、編譯 接下來就進行手機端的編譯了，可以有兩種方式：1：利用Hbuilder工具編譯。2、利用命令行編譯 方式一、首先來看利用工具如何編譯。 點擊發行--發行至網站pc或手機H5，填寫網站域名和名稱   點擊發行按鈕，等待編譯即可，編譯完成會生成編譯包，如下圖所示：  方式二、利用命令行編譯 如果是利用命令行編譯，就不需要將uniapp導入工具Hbuilder了，直接接上邊的安裝依賴步驟，安裝好依賴后，直接在終端里執行下一步的編譯命令即可 npm run build:h5：如下圖：  編譯完成后，在h5端的文件夾wap下會生成一個編譯包，如圖：  通過以上任意一種方式，都可以對手機端進行編譯，編譯好之后，將編譯包上傳至niucloud/public/wap下，然后訪問前端即可。  ### **注意：如果是要上傳至線上項目中，上傳的只是編譯包，那么之后就不能執行云編譯，因為云編譯是用源碼的uniapp進行編譯的，所以會導致還原編譯包的可能；如果想要解決這一問題，就要把源碼的uniapp也上傳到根目錄下，路徑如下：**  注意：如果頁面空白請檢查是否代碼用的裸框架且請求的外網服務器，這里要用安裝后的代碼