在tsconfig.json中使用path进行路径的映射,编译后的js怎样找到相应的文件?

Question

我在tsconfig.json中设置了path,使我可以方便地使用相对路径,定位到我的文件:

但是在最终tsc编译后,对应的js代码中依旧是这样的格式,这导致无法找到相应的文件:

请问各路大神,小弟该怎么办呀.Orz

Answer 1

使用这个吧，https://www.npmjs.com/package...

Answer 2

需要在webpack里设置path映射。比如（只是比如！因为每个框架的参数配置不一样）：

alias: {
    '@/components': path.resolve(__dirname, '..', 'src/components'),
    '@/utils': path.resolve(__dirname, '..', 'src/utils'),
    '@/api': path.resolve(__dirname, '..', 'src/api'),
    '@/store': path.resolve(__dirname, '..', 'src/store'),
    '@/constants': path.resolve(__dirname, '..', 'src/constants'),
    '@/mixins': path.resolve(__dirname, '..', 'src/mixins')
  },

tsconfig.json jsconfig.json是仅限于给vscode这款编辑器做配置的文件，不影响程序执行时的实际情况。