2016-08-24 51 views
0

我正在使用ts-loader和Webpack編譯我的.ts文件。在我的WebPack配置,我有以下配置:告訴TypeScript編譯器在哪裏查找非相關模塊

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

這讓我導入住在共享目錄中沒有拼寫出完整的相對路徑的組件。例如: import Button from 'components/Button'

Webpack將走上目錄樹,尋找shared目錄。通過這種方式,組件可以存在於../../shared/components/Buttton.tsx中,Webpack將找到並捆綁它。

這一切工作正常,但我在我的編輯(Sublime和VS代碼)出現錯誤。另外,如果我從命令行運行tsc命令,我會得到編譯器錯誤,因爲TS編譯器不知道如何解決這些模塊。

有沒有辦法告訴TS編譯器遞歸查找shared目錄中的組件?

我使用TS 2.1V

我注意到新BaseUrlpaths配置選項,但我沒能成功地使用它們。

回答

1

有沒有辦法告訴編譯器TS遞歸查找組件的共享目錄

不遞歸。但您可以使用paths映射與一個級別。

+0

我有一個'shared'目錄,其中包含與其他組件共享的所有css和組件。如果我有一個深度嵌套的組件,我如何導入一個共享組件而不引用相對路徑? – BezR

相關問題