vue小技巧之偷懶的檔案路徑——減少不必要的程式碼
眾所周知,我們寫vue專案的時候都會建立很多個檔案,尤其是一些中大型專案,會有很深的資料夾,當你去引入的時候,要寫很長的路徑比如我要引入一個css檔案,
必須得 import '../../../styles/iconfont.css' ,檔案放的越深,路徑就越長,所以我來說一個小技巧。
當我們剛開始建立好vue專案的時候看到一些檔案引入的前面有一個@符號,這個符號的意義是什麼呢?
我們開啟build檔案下的webpack.base.conf.js,用Ctrl+f搜尋@,找到之後你會看到 '@': resolve('src'),這個@就是自定義的別名,儲存的是src路徑,所以@就是src路徑,
看到這裡,小夥伴們應該知道接下來這麼做了吧,'自定義別名' : resolve('你經常引用的路徑'), 就以我的路徑為例子,我建立的別名是styles,所以我要引入iconfont.css
就得這麼寫,import 'styles/iconfont.css',然後再從新啟動專案,記得,一定要重新啟動專案,不然會報錯的!!!!!!!!!
相關推薦
vue小技巧之偷懶的檔案路徑——減少不必要的程式碼
眾所周知,我們寫vue專案的時候都會建立很多個檔案,尤其是一些中大型專案,會有很深的資料夾,當你去引入的時候,要寫很長的路徑比如我要引入一個css檔案, 必須得 import '../../../styles/iconfont.css' ,檔案放的越深,路徑就越長,所以我來說一個小技巧。 當我們
CSS 黑魔法小技巧,讓你少寫不必要的JS,代碼更優雅
3D splay conf fill page under 隔離 popover 運行 首頁 登錄註冊 CSS 黑魔法小技巧,讓你少寫不必要的JS,代碼更優雅 閱讀 8113 收藏 927 2017-09-26 原文鏈接:git
springboot使用@data註解,減少不必要程式碼
一、idea安裝lombok外掛 二、重啟idea 三、新增maven依賴 <dependency> <groupId>org.projectlombok</groupId>
android小技巧之點擊兩次退出活動
code over ast finish int ide amp return ini 通常在主活動中可以設置連擊退出程序,下面通過代碼來實現這一功能: @Override//按兩次back鍵退出public boolean onKeyDown(int keyCode, K
Cadence Allegro小技巧之解決Out of date shapes問題
當你經過幾十個小時的艱苦奮戰,終於把板子布完,而當你興沖沖準備出Gerber檔案丟給板廠打樣,儘早結束噩夢時,卻發現Allegro報錯“Dynamic shapes are out of date; please update them. Check for out of date shapes i
PHP 小技巧之如何避免參數多次傳遞?
orm 模式 控制 elf 利用 線程數 url參數 函數參數 fun 開發中經常遇到函數參數傳遞的問題;比如 A調用B,B調用C,C調用D, A->B->C->D 而D方法可能需要一個參數,這個參數只能在A中獲取(比如A是控制器方法),這個參數這樣一
PHP 小技巧之__callStatic魔術方法使用
使用 PHP 框架時,經常會用到 ORM 模型查詢資料庫,有沒有疑問:為啥有些 ORM 中的靜態查詢方法,不能通過函式追蹤下去呢,很有可能就是使用了 __callStatic 魔術方法的小技巧 這裡貼一個 簡單的 ORM 模型 1、先抽象一個基本操
python3小技巧之:如何判斷字串是數字
python中的字串有專門判斷是否為數字的函式isdigit(),當字元中的元素全部是整數,而且至少有一個字元時返回True,否則返回False。 >>> '1235'.isdigit() True >>> '1'.is
XShell小技巧之以root許可權登入與隧道訪問
這裡記錄一下兩個小技巧:以root登入與隧道訪問。 XShell以root許可權方式登入 需要設定登入指令碼:sudo su 這個命令會要求我們輸入root賬號的密碼 我們還需要新增一個密碼: 確定,連上之後預設就是管理員了。 開啟隧道訪問
命令列小技巧:讀取檔案的不同方式
作為圖形作業系統,Fedora 的使用是令人愉快的。你可以輕鬆地點選完成任何任務。但你可能已經看到了,在底層還有一個強大的命令列。想要在 shell 下體驗,只需要在 Fedora 系統中開啟你的終端應用。這篇文章是向你展示常見的命令列使用方法的系列文章之一。 在
XShell小技巧之:以root許可權登入與隧道訪問
這裡記錄一下兩個小技巧:以root登入與隧道訪問。 XShell以root許可權方式登入 需要設定登入指令碼:sudo su 這個命令會要求我們輸入root賬號的密碼 我們還需要新增一個密碼
小技巧之將瀏覽器當作臨時記事本使用
今天發現一個比較實用的小技巧,新建一個瀏覽器視窗在裡面打字,可以當作簡單的 notepad 用,比如臨時記點東西什麼的,這樣不必每次開 Notes/TextEdit/Vi/Evernote 之類的工具了。 開啟瀏覽器,在位址列裡敲入下面這行: data:text/html, <html con
Linux小技巧之給man pages設定高亮顏色
Linux作業系統提供了豐富的幫助手冊,當你需要檢視某個命令的引數時不必到處上網查詢,只要man一下該命令即可。在windows中F1可能不經常用,但在linux中man命令可是比不可少的。 預設的man pages只有一種顏色,有些文字是進行加粗的,習慣了vim的顏色高亮顯示,man pages顯
Linux小技巧之history命令用法15例
作為Linux系統工程師,在分析系統的安全或故障問題時,經常會使用history(歷史)命令檢視系統的歷史操作記錄,這篇文章將通過例項的方式向你介紹history命令相關的15個小技巧…… 1. 使用 HISTTIMEFORMAT 顯示時間戳 當你從命令列執行 history 命令後,通常只會顯示已
實用小技巧之電腦如何滾動截圖/擷取長圖
首先準備一個叫FScapture的工具,該工具雖然簡單卻很強大,我用的是綠色漢化版的,免安裝。需要的可以在此下載:http://pan.baidu.com/s/1dDyCuI11、解壓後雙擊名為【FSC
Python小技巧之——基類初始化
子類__init__初始化時,如果要對基類進行初始化,大家都知道可以用super:>>> class base(object): def __init__(self): print('base init') >>> clas
PHP使用curl小技巧之查詢某個連結或者文章是否被百度收錄
這個東西嘞,網上有好多的工具啥的。比如買鏈幫手啥的都可以用來查詢自己的連結或者文章是否被百度或者360等等收錄。然而我研究這個東西呢,是因為公司內部需要大量使用這個功能,用工具的話,它收費先不說
matlab之對檔案路徑的表示
當前路徑下,則可以直接操作: load ***.mat; 在下一級路徑下: load .\下一級路徑的檔名\***.mat; 在上一級路徑下: load ..\***.mat; 在平行資料夾內: load ..\平行的資料夾\***.mat; 如 | |
【python Excel】如何使用python將大量資料匯出到Excel中的小技巧之二
最近對python的openpyxl 升級到了__version__ = '2.5.4',發現原先的程式碼不能使用,各種報錯之後,然後重新了寫的版本,故分享給各位同仁。如有錯誤,敬請賜教。# coding:utf-8 """ File Name: Excel.py Func
Fiddler小技巧之新增請求耗時/IP/Method列
新增列的方法,網上可以查到,這裡整理下。 請求耗時: 直接加在Handlers{ 後面 public static BindUIColumn(