vue專案打包步驟及執行打包專案

（1）專案打包

終端執行命令 npm run build

打包成功的標誌與專案的改變，如下圖：

點選index.html，通過瀏覽器執行，出現以下報錯，如圖：

那麼應該如何修改呢？

具體步驟如下：

1

、檢視package.js檔案的scripts命令
2、開啟webpack.dev.conf.js檔案，找到publicpath: config.dev.assetspublicpath,按ctrl點選，跳轉到index.js檔案
3、其中dev是開發環境，build是構建版本，找到build下面的assetspublicpath: '
/',然後修改為assetspublicpath: '
./',即「/」前加點。
4、終端執行 npm run build 即可。

（2）執行打包專案

需要開啟服務執行 

使用http-server 執行（如沒有安裝http-server的，使用node 全域性安裝 http-server 即可，cnpm install http-server -g） 

Vue3專案的打包執行

執行以下這條命令對專案進行打包 npm run build生成dist資料夾,進入dist資料夾下的index.html檔案,然後右鍵選擇open with live serve開啟一台埠號為5500的本地伺服器來開啟網頁,發現404錯誤.這是因為index.html檔案中引入的資源路徑以專案根目錄...

vue執行，打包

一 安裝vue 需要的環境 1.windows環境安裝node.js需配置環境變數 path d program files nodejs 2.測試安裝是否成功，cmd 輸入 node v npm v 二 啟動專案 1.換 映象 得到原本的映象位址 npm get registry 設成 的 npm...

安裝Node,建立vue專案,執行及打包

1 安裝node js 2 安裝完成後執行node.js command prompt node v檢視安裝版本 3 安裝npm 由於現在版本的nodejs已經整合npm所以無需安裝，可以用npm v 檢視版本 4 註冊cnpm來代替npm 使用命令 npm install cnpm g regis...