前端檔案打包注意事項

2021-10-05 15:33:47 字數 499 閱讀 4320

1.後端需要加一層路由dist

2.關於webpack的path和publicpath

path:所有輸出檔案的目標路徑;

publicpath:輸出解析檔案的目錄,url 相對於 html 頁面

在最外層配置vue.config.js,如上所說,加了這個後,html頁面尋找資源就是相對路徑了

3.後管專案路由中含有子路由,在切換頁面時找不到靜態資源檔案

解決方法:路由模式改為hash模式

4.打包專案首次開啟速度過慢可能導致的願意

使用的開源模板無用**刪除(自己的專案中)、也可能是伺服器頻寬的問題

前端HTML CSS注意事項

兩個div設定了float left不併排的原因 另 div作為父元素沒有指定高度或寬度時,由其子元素的高度或寬度撐起父元素的大小。css span.drop down 一般建立的工程目錄格式如下圖所示 按常理是沒有錯的,但是該種寫法的意思是img資料夾與main.css在同一級下面,然而並不是。所...

mac eclispe ant 打包及注意事項

1.如果工程匯入多個庫,那麼需要對每個庫生成 build.xml檔案 命令列如下 android update myproject p project t 5 解釋 myproject 工程全路徑 5 sdk版本,如果不知道是多少 執行 android list targets 如果提示 andro...

前端 頁面重構注意事項

頁面重構要注意一下幾點 不濫用id,盡量用class代替id。css選擇器最好控制在2 3個以內,不要使用內聯樣式,轉移到樣式表中。根據上下結構命名id和class,而不是設計元素,避免html結構模糊化,嘗試重網頁中分離出設計元素,還可以減少 的冗餘。避免css冗餘和重複,能通用的寫在一起。寫cs...