Webpack與typings.json

我一直在尋找這個博客教程 - http://www.jbrantly.com/typescript-and-webpack/創建一個捆綁的JS文件，它結合了來自Typescript項目的代碼和它的庫是用途（例如鏈接中的jQuery）並捆綁它使用webpack。Webpack與typings.json

雖然這個教程很好（我已經按照預期工作），但現在已經過時了，因爲tsd.json文件被typings.json替換了，到目前爲止，我一直無法創建一個dummy項目像鏈接中的教程，但使用類型。

因此，有什麼想法需要什麼配置或如何使用類型（https://github.com/typings/typings）並使用webpack捆綁代碼？

來源

2016-09-01 delp

型號和tsd項目表現非常相似。特別是當涉及到你的項目的類型。

分型一樣，TSD，但將所有的安裝分型（see this for how to install new typings）到typings目錄。在該目錄內放置一個名爲index.d.ts的文件。該文件包含所有對安裝類型的引用。

當您構建TypeScript項目時，請確保index.d.ts屬於tsconfig.json內files屬性的一部分。例如：

{ 
    "compilerOptions": { 
     "..": ".." 
    }, 
    "files": [ 
     "typings/index.d.ts", 
     "src/index.ts" 
    ] 
}

其中src/index.ts是項目的輸入文件。當涉及到webpack時，您不應該編輯任何內容。

如果你想有一個例子，this是我剛纔做的一個項目。但因爲我的tsconfig.json中沒有files屬性，TypeScript編譯器自己查找定義文件。

來源

2016-09-01 12:02:16

謝謝，太久之後我發現我沒有把行放在我的TS文件的頂部 - import $ = require（'jquery'）;這意味着IntelliJ沒有抱怨，當我使用webpack時，它也沒有抱怨。捆綁代碼，但沒有jQuery導入。它被列在我的typings文件夾和index.d.ts中 - 這就是爲什麼我猜IntelliJ能找到它。因此，如果您想要捆綁導入，請確保包含導入。不是把我自己的答案標記爲正確的粉絲，所以我會給你它。 – delp

您安裝分型 -

NPM安裝分型
分型安裝DT〜jQuery的--save --global（此安裝的jQuery的d.ts）
請確保您包括進口 - 例如import $ = require（'jquery'）;在您的TS文件中。像intelliJ這樣的IDE會在沒有它的情況下編譯好你的代碼 - 但是webpack將不會看到jQuery，因此沒有它就不會包含它。

其他所有內容都與教程鏈接相同。

來源

2016-09-01 11:52:54 delp

Webpack與typings.json

回答

相關問題