2015-07-15 11 views
6

importieren Wie kann ich eine statische URL webpack importieren:Wie statische URL webpack

index.js

import 'http://google.com/myscript.js'

+1

Laden Sie es zuerst herunter. Webpack unterstützt das Herunterladen von URLs während der Kompilierung nicht. – matpie

Antwort

4

Es ist wirklich nicht klar, was Sie zu tun versuchen, aber im Allgemeinen Sie haben ein paar Optionen.

  1. Pre-Download-Skript oder installieren Sie es über NPM. Dies ist wahrscheinlich der bevorzugte Weg, um mit externen Abhängigkeiten umzugehen. Sobald es lokal ist, können Sie einfach import oder require es wie jedes andere Modul.

  2. Wenn es unbedingt dynamisch geladen werden müssen Sie eine 3rd-Party-Modul wie https://www.npmjs.com/package/scriptjs benötigt, die leicht 3rd-Party-Module zur Laufzeit herunterladen und blockieren die Ausführung des Restes des Skripts, bis sie analysiert wurde.

  3. Verwenden Sie ein <script> Tag und fügen Sie es auf Ihrer Seite. Dies funktioniert nur, wenn es eine allgemeine Abhängigkeit ist, die vor allem anderen geladen werden kann (vielleicht für eine polyfill oder einer Bibliothek, die Sie wie jquery auf überall hängen.)

Ich hoffe, das hilft!

+2

Ich habe den dritten Ansatz verwendet, mein Anwendungsfall ist für 'signalr/hubs'-URL. – eguneys

0

import ist es6. Verwenden Sie bei es5 und webpack require, oder verpacken Sie Ihre JS-Dateien besser mit AMD/UMD.