Gulpで連結ミニファイルを使用する方法

Question

私はGulpの新機能で、site.min.jsファイルを作成することができました。これはJavaScriptファイルのバージョンが小さくなったことを理解しています。

どうすればそれを利用できますか？

正しいトラックにいるかどうかわかりませんが、index.htmlも新しいmin.jsファイルのみを読み込むように変更する必要がありますか？

Answer 1

ファイルを縮小すると、結果は完全に異なるファイルになります。それを使用するには、ページ内でリンクする必要があります。

<script src="site.min.js"></script> 

あなたindex.htmlファイルの生産バージョンが縮小さバージョンと任意の非縮小さバージョンへのリンクのみを除去しなければならない必要があります。

これを助けるギャルプラグインがあります。

• gulp-userefは人気
• gulp-html-replaceである彼らはすべてあなたが置き換えられますHTMLコメント内のブロックを指定することができます同様の機能を提供します
• gulp-usemin
• gulp-htmlbuild

非常に柔軟ですミニバージョン。

あなたの一気のタスク内の右のオプションで

<!-- build:js --> 
<script src="website-module.js"></script> 
<script src="core.js"></script> 
<!-- endbuild --> 

、それはなる：

<script src="site.min.js"></script>