Recursively Resolving Modules
See original GitHub issueTypeScript 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 Analytics
- State:
- Created 7 years ago
- Reactions:2
- Comments:15 (6 by maintainers)
Top GitHub Comments
this is a huge blocker to adopting typescript on larger projects. I’ve been trying to come up with a flow to typescript migration for a lot of our projects and without this option it’s just infeasible.
We need an option that allows customizing which modules are
node_modules
It would be very useful if TS supported more advanced ala webpack resolution strategies. https://webpack.github.io/docs/configuration.html#resolve-alias
but no need be as much sophisticated it believe