kann Javascript mit Webpack inline sein?

Ich muss eine Bibliothek in mein Projekt importieren, die Bibliothek sollte eine Javascript-Datei sein, die in HTML eingebunden werden muss.kann Javascript mit Webpack inline sein?

zum Beispiel:

Bibliothekscode:

(function(){ 
    var a = 0; 
})();

Ich brauche diesen Code inline in HTML zu machen.

html:

<html> 
    <head> 
    <script> 
     (function(){ 
     var a = 0; 
     })(); 
    </script> 
    </head> 

    <body> 
    </body> 
</html>

kann ich dies mit webpack implementieren? Ich finde script-loader, aber es führt das Skript, nicht inline.

Quelle

2016-01-23 Leon

Kann bitte ich den spe cific Grund, warum Sie es zu HTML-Datei statt js Bundle von Webpack erstellt hinzufügen möchten.? – sandeep

@sandeep es ist eine Responsive-Page-Lösung, die die Schriftgröße der HTML-Anweisung entsprechend der Größe des mobilen Geräts festlegen. Es muss ausgeführt werden, bevor die Seite gerendert wird. – Leon

Das sollte mit CSS '@ media' gemacht werden, nicht mit JS. Aber wenn es JS gibt, das Sie ausführen möchten, bevor das '' geparst wird, fügen Sie stattdessen das '

ich auf einem plugin für html webpack arbeiten begonnen haben, dies zu unterstützen. Sie geben Regex an, um Dateien zu entsprechen, die Sie inline einbetten möchten.

plugins: [ 
    new HtmlWebpackPlugin({ 
     inlineSource: '.(js|css)$' // embed all javascript and css inline 
    }), 
    new HtmlWebpackInlineSourcePlugin() 
]

Quelle

2016-11-14 15:08:20

großartig! es kann jetzt funktionieren? – Leon

ich habe es ohne großen Schluck, mit Hilfe von inline-source:

Installieren Inline-Source-cli: npm install inline-source-cli
ein inline Attribut, um den Skript-Tag in der HTML-Datei hinzufügen: <script inline src="path/to/index.js"></script>
Run inline-source --root ./dist dist/path/to/index-pre.html > dist/path/to/index.html

Quelle

2016-12-28 09:21:33

ein bisschen sauberer, nur um Webpack obwohl zu bleiben – coiso

Verwandte Themen