Atom js-hyperclick 支持自定义路径(webpack resolve alias)

永不妥协 2019-06-27

为毛要单独写这个东西

不得不说 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',
    },
};

相关推荐