javascriptはwebpackとインラインにすることができますか？

私は自分のプロジェクトにライブラリをインポートする必要があります、ライブラリはHTMLにインラインする必要があるjavascriptファイルでなければなりません。例えばjavascriptはwebpackとインラインにすることができますか？

：

ライブラリコード：

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

私はHTMLでこのコードをインラインにする必要があります。

HTML：

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

    <body> 
    </body> 
</html>

私はWebPACKのでこれを実装することができますか？ script-loaderが見つかりましたが、スクリプトを実行してインラインにしません。

出典

2016-01-23 Leon

spe Webpackによって作成されたjsバンドルではなくhtmlファイルに追加したい理由 – sandeep

@sandeepこれは、モバイルデバイスのサイズに応じてhtmlディレクティブのフォントサイズを設定するレスポンシブなページソリューションです。ページがレンダリングされる前に実行する必要があります。 – Leon

これはJSではなく、 '@ media'というCSSで行うべきです。しかし、 ''が解析される前に実行したいJSがある場合は、代わりに '

を実行します。インラインに埋め込むファイルと一致する正規表現を指定します。

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

出典

2016-11-14 15:08:20

素晴らしい！それは今働くことができますか？ – Leon

私はinline-sourceの助けを借りて、一息せずにそれをやった：

インラインソースCLIをインストールします。npm install inline-source-cli
HTMLファイル内のスクリプトタグにinline属性を追加します。<script inline src="path/to/index.js"></script>
実行inline-source --root ./dist dist/path/to/index-pre.html > dist/path/to/index.html

出典

2016-12-28 09:21:33

ちょっとwebpackに固執するビットクリーナー – coiso

javascriptはwebpackとインラインにすることができますか？

関連する問題