Kann ich Grunt anweisen, alle in index.html definierten JS-Dateien zu erstellen?

8
  1. Kann ich Grunt anweisen, alle in. definierten JS-Dateien zu verketten? index.html ohne sie spezifisch zu benennen?
  2. Can Grunt erstellt auch eine neue index.html-Datei, die stattdessen die verkettete JS-Datei lädt der vorherigen mehreren Dateien?
  3. Kann Grunt auch die JS-Datei gleichzeitig eglifizieren?
  4. Kann Grunt dies nicht nur für JS-Dateien tun, sondern auch für CSS-Dateien, die in einer bestimmten HTML-Datei verwendet werden?

Ich habe viel Zeit mit dem Googlen verbracht, aber das Grunt - Ökosystem scheint so fragmentiert und so ungewohnt zu sein: (.

PS: Ich habe mich entschieden, Grunt zu verwenden, weil es direkte Integration in WebStorm 8 gibt, aber vielleicht wäre ein anderes Tool für diese Aufgabe besser geeignet?

    
daniel.sedlacek 03.06.2014, 15:56
quelle

2 Antworten

7

Es gibt viele verschiedene Lösungen, weshalb es fragmentiert erscheint. Ich werde ein paar der scheinbar beliebten Methoden beschreiben.

  1. Verwende grunt-usemin Sie geben Blöcke in Ihrem HTML-Code an, die er liest und an Ihre anderen Grunt-Aufgaben (concat, uglify usw.) übermittelt. Ihre Dokumente haben umfangreiche Beispiele für viele verschiedene Szenarien.

  2. Verwenden Sie einen Modul-Bundler wie grunt-webpack , grunt-browserify oder grunt-contrib-requirejs < br> Anstatt Skript-Tags zu Ihrem HTML hinzuzufügen, verwenden Sie eine require() -Syntax, um Dateien bei Bedarf einzufügen. Welche, abhängig von der Methode, die Skripte zu Ihrer Seite hinzufügen oder in einer einzigen Datei bündeln. Diese Methoden erfordern normalerweise nur eine einzige Javascript-Datei.

Erkunden und finden Sie heraus, welche Lösung am sinnvollsten für Ihre Bedürfnisse ist.

    
Kyle Robinson Young 03.06.2014, 16:16
quelle
0

Ich habe dieses Problem gelöst, indem ich diese Funktion oben in meiner Gruntdatei hinzugefügt habe:

%Vor%

Dann kann ich in meiner concat-Aufgabe das tun:

%Vor%     
Adam 24.08.2017 21:12
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Verfolgen von Änderungen im Active Directory mit C #