亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在tsconfig.json中使用路徑?

如何在tsconfig.json中使用路徑?

我正在閱讀有關路徑映射的信息tsconfig.json,我想用它來避免使用以下難看的路徑:項目組織有點奇怪,因為我們有一個包含項目和庫的單一存儲庫。這些項目按公司和瀏覽器/服務器/通用分組。我該如何配置路徑tsconfig.json而不是:import { Something } from "../../../../../lib/src/[browser/server/universal]/...";我可以用:import { Something } from "lib/src/[browser/server/universal]/...";webpack配置中是否還需要其他內容?還是tsconfig.json足夠?
查看完整描述

3 回答

?
Cats萌萌

TA貢獻1805條經驗 獲得超9個贊

您可以使用組合baseUrl和paths 文檔。


假設根目錄位于最高src目錄(我正確讀取了您的圖片),請使用


// tsconfig.json

{

  "compilerOptions": {

    ...

    "rootDir": ".",

    "paths": {

      "lib/*": [

        "src/org/global/lib/*"

      ]

    }

  }

}

因為webpack您可能還需要添加模塊分辨率。因為webpack2這看起來像


// webpack.config.js

module.exports = {

    resolve: {

        ...

        modules: [

            ...

            './src/org/global'

        ]

    }

}


查看完整回答
反對 回復 2019-12-13
?
斯蒂芬大帝

TA貢獻1827條經驗 獲得超8個贊

如果您使用的是路徑,則在將typescript編譯為純javascript之后,您需要將絕對路徑改回相對路徑,以使其正常工作tsc。


到目前為止,最流行的解決方案是tsconfig-paths。


我已經嘗試過了,但是對于我的復雜設置來說,它不起作用。此外,它還可以在運行時解析路徑,這意味著在程序包大小和性能方面的開銷。


因此,我自己寫了一個解決方案tscpaths。


我會說總體上更好,因為它在編譯時會替換路徑。這意味著沒有運行時依賴性或任何性能開銷。使用起來非常簡單。您只需要在中的構建腳本中添加一行即可package.json。


該項目還很年輕,所以如果您的設置非常復雜,可能會出現一些問題。盡管我的設置相當復雜,但它對我的設置而言是完美的。


查看完整回答
反對 回復 2019-12-13
  • 3 回答
  • 0 關注
  • 2660 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號