Visual Studio TypeScript - 找不到模塊

Question

我正在使用Visual Studio Professional 2015，並且有一個Angular 4，TypeScript和Webpack應用程序。

我們希望能夠從目錄以及文件中獲得import，例如，我們有一個名爲core的文件夾，其中包含該文件夾中的多個不同組件，並且也位於該文件夾的根目錄下， .ts文件，該文件從文件夾中的每個文件導出所有內容。因此，例如，在覈心文件夾中有一個名爲core.services.utils.ts組件：

export class Utils { 
    static isFunction(test: any): boolean { 
     return typeof test === 'function'; 
    } 
} 

然後在index.ts文件有：

export { Utils } from './core.services.utils'; 

在我們的WebPack配置中，我們在有一個別名爲這個resolve配置：

alias: { 
    '@product/core': path.join(__dirname, './Features/core') 
} 

所以現在，在其他模塊中，我們可以直接從別名，如進口

import { Utils } from '@product/core'; 

當我們通過Webpack構建時，一切都很好，應用程序按預期工作。不幸的是，Visual Studio中無法看到的WebPack配置別名，所以當我們通過Visual Studio中創建它給了這樣的錯誤：

體形：找不到模塊「@產品/核心」

哪有我告訴Visual Studio這個別名？我需要在index.ts文件旁邊添加一個index.d.ts文件嗎？如果是這樣，這個文件應該是什麼？

Answer 1

我能夠在tsconfig.json文件中使用paths config來解決這個問題，比如：

"paths": { 
    "@product/core": [ "Shared/Features/core/index" ] 
} 

這不是理想必須有我想從導入的每個文件夾中一個單獨的路徑，但我很高興它消除了構建錯誤。