Recursively Resolving Modules

TypeScript Version: 2.1.0

I'm using ts-loader and Webpack to compile my .ts files. In My Webpack config I have the following configuration:

resolve: {
  modulesDirectories: ['shared', 'node_modules']
}

This allows me to import a component that lives in the shared directory without spelling out the full relative path. Example:
import Button from 'components/Button'

Webpack will walk up the directory tree and use the first shared directory it finds (the same way it does with the node_modules directories). This way, the component can live in the ../../shared/components/Buttton.tsx and Webpack will find it and bundle it.

My files compile fine because I am using ts-loader but I am getting can not find module errors in my editor.

Is there a way to tell the TS compiler to recursively look for the component in the shared directories?

I noticed the new baseUrl and paths configuration option but to my knowledge you can not use paths to recursively look for a directory.

Issue không nêu tệp nguồn hay bài kiểm thử nào. Hãy bắt đầu bằng việc đọc cách TypeScript xử lý việc phân giải module xoay quanh baseUrl và paths, sau đó so sánh với việc tra cứu modulesDirectories của Webpack. Công việc được hoàn tất khi compiler và editor có thể phân giải các import như components/Button thông qua các thư mục dùng chung phù hợp mà không gặp lỗi không tìm thấy module.