Atom js-hyperclick 支持自定义路径(webpack resolve alias)
为毛要单独写这个东西
不得不说 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', }, };
相关推荐
yqoxygen 2020-07-16
不知道该写啥QAQ 2020-11-12
webfullStack 2020-11-09
Yvettre 2020-09-15
想做大牛的蜗牛 2020-10-30
gloria0 2020-10-26
gaojie0 2020-09-11
SelinaChan 2020-08-14
不知道该写啥QAQ 2020-08-09
gloria0 2020-08-09
不知道该写啥QAQ 2020-08-02
hline 2020-07-29
SelinaChan 2020-07-28
wangdianyong 2020-07-23
webpackvuees 2020-07-23
yqoxygen 2020-07-20
不知道该写啥QAQ 2020-07-18
waterv 2020-07-18