为毛要单独写这个东西
不得不说 hyperclick
是的了不起的插件,提供了一系列的 Provider 让插件的作者们能够执行文件跳转,不过这个包并不限定语言,只是提供了最底层的一些封装,所以就有了 js-hyperclick
这个好东西。
好东西虽然是好东西,但是在我们开花发前端项目的时候我们经常会通过 webpack 的 resolve.alias
配置来定义一些幺蛾子的变量(比如 Vue 项目中,就老喜欢使用 @
这幺蛾子变量来替代 ./src
目录路径),然鹅……不行的是,js-hyperclick
的作者 AsaAyers 却明确的表示,将不会对这种幺蛾子变量提供支持(参见 issue#58)。
所以,我 fork 了作者的项目,并做了一些改造,使其能够支持额外的文件扩展和自定义路径别名,有兴趣的也可以来 py 一发,PeckZeg/js-hyperclick
。
食用指北
总的来说,你需要在 bash 中执行这么些骚操作
apm install hyperclick
apm install https://github.com/PeckZeg/js-hyperclick.git
# Vue 工程的支持
apm install vue-hyperclick
在项目的根目录下创建 .js-hyperclick.js
文件,并往里面塞入类似如下的内容:
module.exports = {
extensions: ['.js', '.jsx', '.vue', '.json'],
alias: {
'@': './src',
},
};