Ist es möglich zu schreiben webpack config in typescript?
Sah ich, beim suchen, dass es-Testungen für webpack. So es scheint, ich kann schreiben webpack.config.js in typescript? Aber wie kann ich das tun?
- Hey! Würdest du in Erwägung ziehen das akzeptieren, markieren Sie das hoch von Ihnen positiv bewertet werden Antwort? Es ist die richtige.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Können Sie mit dem TS, wie deine config-Datei (webpack.config.ts)
Gibt es einen klaren Anhaltspunkt für das finden Source Code
Den ** interpretieren** Modul verwendet, es ist eine Liste von extension-Dateien und deren Radlader.
In den markierten code webpack erstellt ein array aller möglichen Erweiterung für die Standard-Dateien.
Zum Beispiel, geben webpack.config erhalten Sie ein array mit
Für diese arbeiten zu installieren, müssen Sie eines der Pakete, die Unterstützung laden Sie Ihre Erweiterung.
Zum Beispiel, der TS hat einige Knoten Pakete, mit denen Sie require('etwas.ts') und das Paket wird die Arbeit zu tun.
Den interpretieren Paket Staaten, die eines dieser Pakete ist erforderlich,
So npm/Garn ts-Knoten dann setzen Sie einfach ein webpack.config.ts - Datei und es wird nur funktionieren!
BEARBEITEN: Webpack-Dokumentation hat nun eigenen Bereich auf Konfiguration Sprachen umfasst TypeScript, CoffeeScript und Babel & JSX
Schrieb ich einen blog-Beitrag mit dem Titel "Schreiben Sie Ihr Webpack-Konfiguration im Typoskript" für vollständige details, hier ist die TLDR:
Akzeptierte Antwort hat bei mir nicht funktioniert, ich fand auch, dass die
ts-node
Abhängigkeit nicht unterstützt ES6 import-Anweisungen.Die einfachste Methode, die ich gefunden habe, ist einfach das Typoskript
tsc
tool zum konvertieren Ihrer TypeScript zu JavaScript, dann laufen diewebpack
tool als normal:Dies hat den zusätzlichen Vorteil, nicht benötigen, Sie zu installieren, die Abhängigkeiten, wie in der anderen Antwort.
Bonus Top-Tipp
Den Webpack-Typen sind eine Mischung aus Webpack 1 & 2-syntax. Sie verwenden können, Typoskript, um sicherzustellen, dass Sie nur mit Webpack 2 syntax und entfernen Sie alle Arten von Webpack 1-syntax. Ich Tat dies, indem einige neue Typen erweitern die Webpack-Typen:
Dann können diese Typen in Ihrem Webpack-Konfiguration:
Oder Sie können Argumente übergeben, die zu Ihrem webpack-Konfiguration-Datei, etwa so:
Können Sie Argumente übergeben webpack so:
Wenn Sie vscode als Redakteur (oder vielleicht auch andere, die Unterstützung der JSDoc-Eingabe-syntax) und Sie nur daran interessiert sind, in typechecking Ihre Datei zu führen Fertigstellung auf Ihrem Konfigurations-Objekt, können Sie es ja gerne machen:
In vscode Sie können dies tun, wie folgt:
npm i -D @types/webpack
webpack.config.js
- Datei, die als solche:webpack.config.js:
Kann ich nicht finden, keine Ahnung, in der webpack-Quellcodes, die Sie verwenden können, eine
webpack.config.ts
- Datei direkt als Konfiguration für Ihr Projekt.Natürlich, weil Typoskript ist nur eine Erweiterung für Javascript, können Sie immer verwenden, Maschinenschrift zu schreiben, Ihre
webpack.config.ts
und konvertieren Sie eine gültige Javascript -webpack.config.js
Datei.