告别 ../../../../

    我在自己项目写了很久的 ../../../，我也知道可以用别名去替换，就是不想去探索怎么替换，毕竟现有项目还能狗着嘛- -，程序员嘛，懒（懒真的不是一件好事，毕竟还是保持求知欲）。有一天，层级真的很多，我自己都数不清有多少个点了，那，就动手呗。

    这别名涉及到编译和ts检查，所以我查找webpack和tsconfig的配置方法。

webpack

    废话不多说直接上代码就好了，在webpack.config.js里面

resolve: {
  alias: {
    localSrc: join(__dirname, "./src") // join是引入path
  }
}

tsconfig.json

{
    "compilerOptions": {
        "baseUrl": ".",
        "paths": {
          "localSrc/*": ["src/*"]
        }
    }
}

parcel

还没完呢，最近开发组件，发现配置了webpack和tsconfig不生效，寻思的这是用parcel启动的，那是不是要配置parcel。果然，官网一查，也是需要配置，在package.json里面。

 "alias": {
    "localSrc": "./src"
  }

但是我并不是用@或者~，那是因为我用了parcel开发

• ~ 被 Parcel 用来处理 波浪号路径
• @ 被 npm 解释成 npm 组织（译者注：如@babel 是 babel 组织下的 npm 包）

他官方也说别名应该要清晰，而不是去猜，我觉得也是，我就用了local作为前缀了