vue完成專案後，如何打包成靜態檔案，
打包：1、vue.config.js配置，如果用預設的，打包以後，會找不到檔案
//2、修改axios的url配置公共路徑
(必須有的
)publicpath: "./"
,//
輸出檔案目錄
outputdir: "dist"
,//
靜態資源存放的資料夾
(相對於
ouputdir)
assetsdir: "assets"
,productionsourcemap: true,
// 不需要生產環境的設定
false
可以減小
dist
檔案大小，加速構建
打包成靜態檔案以後，將dist檔案裡的內容拷貝到tomcat的資料夾，啟動tomcat，路徑加檔名就可以訪問到專案
優化：在package.json的build後面新增--report，打包以後可以生成report.html檔案，用來檢視打包以後各檔案的大小
今天講專案打包以後，總大小是10mb，發現主要是element-ui、echarts和jquery大
解決辦法是：
1、把這些使用cdn引入，放在index.html檔案
"2、在vue.config.js配置stylesheet
" href="
">
configurewebpack:() =>}},在測試中發現，jquery和lodash在專案啟動後，會提示找不到，不知道為什麼，登出以後就可以了
3、main.js
import elementui from刪除'element-ui
'vue.use(elementui)
vue.prototype.$echarts = echarts刪除 元件裡直接用 echarts呼叫
4、備註：
（1）、啟動專案之前，執行npm install
（2）、element-ui和vuex還是需要npm 安裝的
因為專案中有引入這倆快內容
Vue專案打包優化
專案寫完了,專案需要打包才能上線 打包命令 yarn build 打包完目錄檔案的說明 帶 chunk vendors 的都是 第三方的依賴包 打完包的 可以直接於伺服器環境根目錄執行 不需要額外配置 外掛程式 live server 全域性安裝 npm i live server g 啟動 只需要...
vue之打包優化
最近寫專案，4個平台的專案由乙個 庫管理，超過50個.vue檔案，導致 量過大，每次構建打包速度都很慢，下面是針對vue打包構建優化的一些測試結果 第一次npm run dev 第一次npm run build構建 優化修改如下 1，採用cdn載入ui庫，把不常改變的庫放到index.html中，通...
webpack打包vue專案效能優化
專案打包上線設定productionsourcemap為false減小.map檔案所佔dist檔案的體積 開啟gzip對dist檔案進一步壓縮 ps 需後端配合開啟gzip方可使用 使用cdn減小打包後vendor.js的體積，從而縮短首屏載入時間 ps 第3步如果注釋掉出現錯誤可以不進行注釋 按需...