12.22日wagas學習筆記
阿新 • • 發佈:2018-12-22
第一部分:vue-cli3
vue.config.js配置:
baseUrl:process.env.NODE_ENV === 'production'?'/production-sub-path':'/'
vue-cli-service build
lintOnSave:是否在開發環境下通過eslint-loader在儲存時候lint程式碼;
生產環境禁用:lintOnSave:procee.env.NODE_ENV !=='production'
靜態資源:通過在js或者template/css中通過相對路徑引用,2:在public下通過絕對路徑引用;
從相對路徑引用:當在js/css/.vue中使用相對路徑引用一個靜態資源,該資源會被解析為一個模組依賴;
url轉換規則:
1.如果url是一個絕對路徑,它將保持不變;
2.如果以.開頭,它將會作為一個相對模組請求被解釋且基於你的檔案系統中的目錄結構進行解析;
3.如果以~開頭,其後的任何內容都會作為一個模組請求被解析;
4.如果以@開頭,它會作為一個模組請求被解析;
public資料夾:
你需要通過絕對路徑來引用他們;
css Modules:
如果想在js中作為css Modules匯入css或其他預處理檔案,該檔案應該以.module.(css|less|sass|scss|styl)結尾:
import styles from './foo.module.css'