2017-10-11 61 views
1

對於哪些關鍵字我應該去學習如何配置我的角度應用能夠加載我的內部模塊具有以下內容:角2路設置

import { MyModule } from 'cool/short/path';

代替:

import { MyModule } from './../../../modules/MyModle/my-module';

我經歷了一些教程提及如何配置整個應用程序使用某種絕對路徑標記,但是有可能配置罪gle模塊以這種方式?作爲一個值得注意的例子,我會提到Angular模塊,這些模塊總是以@引用,並且來自任何項目位置的相同路徑。

+0

如果您使用的是TypeScript 2.0+,這裏有一個很好的答案: https://stackoverflow.com/questions/34925992/how-to-avoid-imports-with-very-long-relative-paths-in- angular-2 –

回答

3

我想,你問的是TypeScript編譯器選項的屬性。看看這個document describing baseUrl

由於我們在談論import ...指令,因此與Angular無關。您需要將其設置在您的tsconfig.json文件中。

你的「非相對路徑」(那些沒有..)將啓動baseUrl解決。所以,從技術上講,它們仍然是相對的。區別在於相對於當前文件,它們將相對於您指定的目錄。如果您願意,您仍然可以使用基於..的導入。你甚至可以在同一個文件中混合導入樣式...

+0

是的,我知道這個功能與Angular本身無關,Angular只是一個例子:)謝謝你的幫助 – Tomas

0

OP在這裏再次提到,我想提到一個重要的「非相對路徑」問題。由於Igor Soloydenko answer提到了tsconfig.json文件,對於我自己而言,它在修改tsconfig.app.json文件後正常工作,該文件實際上擴展了基地tsconfig.json,但即使只從應用程序文件級別工作,我的更改仍然有效。