為毛要單獨(dú)寫這個(gè)東西
不得不說 hyperclick
是的了不起的插件梯码,提供了一系列的 Provider 讓插件的作者們能夠執(zhí)行文件跳轉(zhuǎn),不過這個(gè)包并不限定語言丛肮,只是提供了最底層的一些封裝,所以就有了 js-hyperclick
這個(gè)好東西魄缚。
好東西雖然是好東西宝与,但是在我們開花發(fā)前端項(xiàng)目的時(shí)候我們經(jīng)常會(huì)通過 webpack 的 resolve.alias
配置來定義一些幺蛾子的變量(比如 Vue 項(xiàng)目中,就老喜歡使用 @
這幺蛾子變量來替代 ./src
目錄路徑)冶匹,然鵝……不行的是习劫,js-hyperclick
的作者 AsaAyers 卻明確的表示,將不會(huì)對(duì)這種幺蛾子變量提供支持(參見 issue#58)嚼隘。
所以诽里,我 fork 了作者的項(xiàng)目,并做了一些改造飞蛹,使其能夠支持額外的文件擴(kuò)展和自定義路徑別名谤狡,有興趣的也可以來 py 一發(fā),PeckZeg/js-hyperclick
卧檐。
食用指北
總的來說墓懂,你需要在 bash 中執(zhí)行這么些騷操作
apm install hyperclick
apm install https://github.com/PeckZeg/js-hyperclick.git
# Vue 工程的支持
apm install vue-hyperclick
在項(xiàng)目的根目錄下創(chuàng)建 .js-hyperclick.js
文件,并往里面塞入類似如下的內(nèi)容:
module.exports = {
extensions: ['.js', '.jsx', '.vue', '.json'],
alias: {
'@': './src',
},
};