Wie benutzt man Webpack für die Entwicklung ohne Webpack Dev Server?

Ich verwende derzeit require.js für die Entwicklung, damit ich schnell iterieren kann (ändern Sie eine Datei, Seite aktualisieren, keine Build-Schritt dazwischen), aber ich webpack als Build-Tool verwenden, da es r.js überlegen ist. Ich möchte require.js komplett loswerden und Webpack als Script Loader in der Entwicklung verwenden. Ich weiß, dass genau das webpack dev server ist, aber ich möchte es nicht verwenden.Wie benutzt man Webpack für die Entwicklung ohne Webpack Dev Server?

Idealerweise würde ich einfach eine Art Webpack-Ladeprogramm in <script> einfügen, auf meine Build-Konfiguration webpack.js zeigen und die Aufgabe erledigen lassen.

Quelle

2014-12-17 adamziel

Haben Sie SystemJS bereits in Betracht gezogen? Es ist ein dynamischer Universal-Loader, der optional Builds ausführen kann. https://github.com/systemjs/systemjs –

Ist eine Dokumentation verfügbar? Die README ist ziemlich vage und deckt Builds/Shims nicht ab. – adamziel

Diese Readme-Datei enthält einen Link zu Shims, aber ja, mehr Docs wäre nett. Ich habe mich gerade daran gemacht, weil ich die neue Syntax des ES6-Moduls sowohl im Browser (es6-modul-loader) als auch im Knoten verwenden wollte, mit der Fähigkeit, entweder zu kompilieren (https://github.com/systemjs/builder) oder nicht zuerst kompiliert. Und noch vorhandene AMD- oder CommonJS-Module mit Null-Modifikationen nutzen zu können. Tangential fand ich das auch interessant: http://blog.keithcirkel.co.uk/how-to-use-npm-as-a-build-tool/ –

Wenn Sie den webpack-dev-server nicht verwenden möchten, können Sie die Watch-Funktionalität von webpack verwenden, um Ihr Skript während der Änderungen zu erstellen. So erhalten Sie den gewünschten Workflow. In der index.html werden Sie nur Ihr Bundle und keinen Loader einschließen.

http://webpack.github.io/docs/tutorials/getting-started/#watch-mode

Quelle

2014-12-18 10:57:00

Das Problem mit der Uhr ist, dass inotify nicht zu vagrant propagiert es sei denn, ich benutze langsamen rsync synchronisierten Ordner – adamziel

Ich bin nicht sicher über Ihre Einrichtung genau, aber ich würde nicht laufen webpack-watch in vagrant. Ich würde den Server innerhalb von vagrant laufen lassen und webpack-watch lokal laufen lassen, und das Bündel in einem Volumenverzeichnis haben. –

Hey @ AdamZieliński: Habe gerade dieses Projekt bei dailyjs gesehen, das scheint, dass es für dich hilfreich sein könnte. https://www.npmjs.com/package/watch-network –

Wie benutzt man Webpack für die Entwicklung ohne Webpack Dev Server?

Antwort

Verwandte Themen