javascript può essere in linea con il webpack?

Ho bisogno di importare una libreria nel mio progetto, la libreria dovrebbe essere un file javascript, che deve essere inserito in html.javascript può essere in linea con il webpack?

ad esempio:

Code Library:

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

ho bisogno di fare questo codice inline in html.

html:

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

    <body> 
    </body> 
</html>

posso implementare questo con webpack? Io trovo script-loader, ma esegue lo script, non lo rende in linea.

fonte

2016-01-23 Leon

Posso chiedere la spe motivo per cui si desidera aggiungerlo al file html piuttosto che al pacchetto js creato da webpack.? – sandeep

@sandeep è una soluzione di pagina reattiva che imposta la dimensione del font della direttiva html in base alle dimensioni del dispositivo mobile. deve essere eseguito prima che la pagina sia resa. – Leon

Questo dovrebbe essere fatto con CSS '@ media', non con JS. Ma se c'è JS che si desidera eseguire prima dell'analisi del '', aggiungere il tag '

ho iniziato a lavorare su un plugin per html webpack a sostegno di questa. Specificare espressioni regolari per abbinare i file che si desidera incorporare in linea.

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

fonte

2016-11-14 15:08:20

fantastico! può funzionare ora? – Leon

ho fatto senza fiato, con l'aiuto di inline-source:

Installare inline-fonte-cli: npm install inline-source-cli
Aggiungi un attributo inline per il tag script nel file HTML: <script inline src="path/to/index.js"></script>
Run inline-source --root ./dist dist/path/to/index-pre.html > dist/path/to/index.html

fonte

2016-12-28 09:21:33

un po 'più pulito da attaccare solo al webpack – coiso

Problemi correlati