-
html-webpack-plugin 是一個webpack插件, 作用為:
為html文件中引入的外部資源如
script
、link
動態添加每次compile后的hash,防止引用緩存的外部文件問題可以生成創建html入口文件,比如單頁面可以生成一個html文件入口,配置N個
html-webpack-plugin
可以生成N個頁面入口
查看全部 -
cross-env 作用是統一不同平臺下,聲明環境變量的方式。
查看全部 -
從教程的中理解到:use 屬性的值是一個數組,能使用多個loader 。然后數組內loader的使用順序是 index 越大越先使用
查看全部 -
使用loader后就可以在JS中引用這些非JS的資源了。可以理解,JS只能解析JS文件,使用loader后就能在JS中解析其他的資源
查看全部 -
對圖片進行處理使用 url-loader。
url-loader 是對 file-loader進行了封裝,如果圖片小于 limit 設置的值,url-loader 就會對圖片進行base64轉換,然后寫入JS中,減少請求。如果大于limit 的值就會用 file-loader 讀取圖片,再存放在其他地方。
limit:設置進行轉換的圖片的最大大小。
name:沒有進行轉換的圖片的名稱。[name] -- 原始圖片的名稱,[ext] -- 原始圖片的擴展名
查看全部 -
use 屬性表示用哪些loader,可寫多個loader。
查看全部 -
test 屬性用來檢測文件類型,使用正則表達式進行匹配。
loader 屬性用來指定 test 檢測到的文件用什么loader 來解析。
.vue 文件用 vue-loader 來解析。
查看全部 -
module中的rules 規定哪些文件用什么loader 來解析。
查看全部 -
VSCode? 插件配置
查看全部 -
VSCode 配置
查看全部 -
1、用戶配置: "files.autoSave": "onFocusChange", VS Code切換文件自動保存。
2、ctrl+` 打開VS Code終端
查看全部 -
命名含義不要覺得長
查看全部 -
indIndex() 方法返回傳入一個測試條件(函數)符合條件的數組第一個元素位置。
findIndex() 方法為數組中的每個元素都調用一次函數執行:
當數組中的元素在測試條件時返回?true?時, findIndex() 返回符合條件的元素的索引位置,之后的值不會再調用執行函數。
如果沒有符合條件的元素返回 -1
查看全部 -
學了一招 --- v-for 的時候 加上 :key
查看全部 -
splice?數組方法,向數組添加或者刪除item,返回修改后的數組 splice(index,howmany,item1,.....,itemX) index:添加或者刪除的索引位置 howmany:要刪除的項目數量,如果為0,則不刪除 item1....:添加的item filter()?數組方法,創建一個新數組,篩選掉不滿足條件的item filter(function(currentValue,index,arr),?thisValue)
查看全部
舉報