Idea中打包vue專案

2021-10-12 05:21:33 字數 707 閱讀 2046

首先使用idea開啟vue工程,並在vue工程中找到其根目錄的檔案,package.json

右擊package.json檔案,選擇右擊選單下的open in terminal選項

這時開啟terminal控制台,會根據選擇的package檔案路徑自動切換到此檔案所在路徑上

在控制台輸入npm run build,準備開始進行打包

提示如下資訊,說明打包工作已經開始

等最後提示如下資訊時,打包完成。

已經打完的包可在同級目錄下dist資料夾下邊找到

vue 專案打包

作為乙個前端之前並沒有打包過專案,因此想一下打包的效果,記錄一下我的打包過程 作為乙個開端 首先,專案打包前的目錄結構 然後,執行命令列 npm run build 因為是第一次打包,不熟悉打包的過程,與檔案的變更,首先看了一下檔案的結構,發現沒有compenent與views中檔案的生成目錄。是沒...

vue專案打包

首先開啟config index.js,將assetspublicpath值改為 注意是build的一對花括號裡 assetspublicpath 這個在你的build的一對花括號裡,用來解決js,css路徑問題 然後開啟 build utils.js 加上publicpath 如下 return ...

Vue專案打包

解決方法 配置vue.config.js如下 module.exports 使用npm run build命令進行打包,但是直接開啟index.html是無法看到內容的,因為無法載入其中的內容,所以必須使用伺服器來開啟網頁,這裡以express伺服器為例檢視 1.全域性安裝express gener...