Wie man CSS-Bibliotheken im Frontend verwaltet?

Mit Knoten und browserify ist es einfach, js Abhängigkeiten zu verwalten, indem Sie einfach alles in eine bundle.js-Datei knöpfen und diese in den Eltern-HTML-Code einfügen.Wie man CSS-Bibliotheken im Frontend verwaltet?

Was ich frage mich ist, wie man Libs wie Bootstrap verwalten?

Sie laden nur gut zu node_modules, aber wie bekommen Sie sie in Ihre HTML-Dateien oder Asset-Ordner?

Referenzieren Sie sie direkt von node_modules? Haben Sie eine Aufgabe, um sie zu kopieren? Etc?

Vorbehalt, ich hatte gehofft, dies ohne das browserify-css-Plugin zu tun, weil ich meine CSS und JS getrennt halten möchte.

Quelle

2016-09-29 Nick Kiermaier

Ich persönlich habe ein Gulp/Grunt Workflow-Setup, in dem ich meine js/css-Module und dann automatisch alle wichtigen Aufgaben und am Ende habe ich nur eine css und js-Datei. Dann importiere ich sie in HTML.

Ich empfehle Ihnen, Aufgabe für Schluck oder Grunt, die auf Änderungen in dem Ordner, den Sie entscheiden, (wo der Download von Bibliotheken sein wird) zu überprüfen. Wenn sich eine Änderung ergibt, werden die CSS-Dateien automatisch in ein anderes Arbeitsverzeichnis kopiert.

Ich hoffe, ich verstehe, was Sie richtig wollen.

Quelle

2016-10-20 10:11:12 Gesha

Ich habe ein kleines Python-Skript erstellt, mit dem ich Dateien (.js, .css, .younameit) aus einem Verzeichnis in das HTML importieren kann.

vor:

<html> 
    <head> 
    <!-- {SVN_AUTO_IMPORT type:.js; dir:../tsc_out; exclude:; template:<script src="%PATH"</script>;} --> 
    </head>

nach:

<html> 
    <head> 
    <script src="../tsc_out/script1.js"></script> 
    <script src="../tsc_out/script2.js"></script> 
    <script src="../tsc_out/script3.js"></script> 
    <script src="../tsc_out/script4.js"></script> 
    <script src="../tsc_out/script5.js"></script> 
    </head>

https://github.com/seven-jerry/html-importer

Quelle

2017-08-22 15:26:03

Wie man CSS-Bibliotheken im Frontend verwaltet?

Antwort

Verwandte Themen