Vue element ui 專案優化

2021-10-23 19:56:58 字數 380 閱讀 2435

專案優化--進度條新增

移除打包之後的console

只在發布階段移除console

利用vue.config.js修改webpack的預設配置

自定義入口檔案

通過cdn載入外部資源

配置element-ui的cdn資源

根據不同環境定製不同的首頁內容

我們要在index.html中來判斷當前環境為開發階段還是發布階段,但是在index.html無法獲取到process.env.node_env,但是index.html中可以獲取到htmlwebpackplugin該外掛程式的配置資料。

為什麼?

實現路由懶載入

又名:路由按需載入

當匹配某個路由時,才去載入對應的資源檔案

vue elementUI專案搭建

安裝node 基於node之npm環境下操作vue,所以先部署node 安裝gitwget http 7 extras x86 64 packages epel release 7 11.noarch.rpm yum install y epel release 7 11.noarch.rpm yu...

vue elementui專案搭建

一 安裝node.js 開啟cmd window環境下快捷鍵window r 輸入node v 上圖就是node.js的版本資訊 3.由於node.js已經整合了npm 包管理器 所以npm也一起安裝好了,輸入npm v 上圖就是npm的版本資訊。二 安裝vue cli腳手架 輸入npm insta...

重置表單(vue elementui)

第一種 在methods下的具體方法中直接乙個乙個地將表單繫結的值賦值為空 最笨的方法,只適用於僅幾個繫結值的情況下 第二種 elementui官網的方法 從這裡直接進入官網表單相關位置 model ruleform rules rules ref ruleform label width 100p...