Grunt/Gulpソースファイルの宛先使用

Question

私はハイブリッドアプリをconcat/uglify/obfuscateするためにgrunt/gulpを使用する予定です。

ソースコード：今すぐ

js- 
    a.js 
    b.js 

css- 
    a.css 
    b.css 

、JavaScriptとCSSファイルを上記の私のindex.htmlロード。

a.jsとb.jsをc.jsというファイルに連結して難読化します。 すべてのタスクを実行してすべてのタスクを1つのファイル、つまりc.jsにするのがよい方法ですが、私の質問は私のindex.htmlはまだa.jsとb.jsを指しています。

c.jsはどうなりますか？どこにも輸入されないのですか？私たちは単にa.jsとb.jsをuglifyしてそのまま使用することができます。

もしそうなら、c.jsの使い方は？私は、あなたが展開目的のために別のフォルダを作るべきだと思う、あなたはあなたのうなり声/一気結果は運命にする必要があるフォルダbuildを持っているので、index.htmlには常にビルドfolderに縮小さリソースへの参照としましょう

Answer 1

2. これはhttp://www.willpeavy.com/minifier/

Answer 2

1を助けることができることがありますあなたは、そのためだけのindex.htmlにc.jsへリンク、c.jsにa.jsとb.jsを構築します。

2に：あなたはうなり声を持っていることを計画していない場合https://www.npmjs.com/package/gulp-htmlmin

Answer 3

/：https://www.npmjs.com/package/grunt-contrib-htmlmin

がぶ飲みがぶ飲み-htmlmin：縮小

面倒なのcontrib-htmlminをサポートし、多くの一気/イサキのプラグインがあります。 gulp watchスクリプトを使用するか、非圧縮ファイルを使用して開発するほうが速く、最終的にすべての生産の縮小を行うためにタスクを実行したい場合はprocesshtml：

• 作男-processhtml：https://www.npmjs.com/package/grunt-processhtml
• 一気-processhtml：https://www.npmjs.com/package/gulp-processhtml

このプラグインをみましょう、あなたのunminifiedファイルのための通常の<script>タグを含めながら、あなたは、縮小さファイルを参照してHTML、中にいくつかのマークアップを含めます。

<!-- build:js c.js --> 
    <script src="a.js"></script> 
    <script src="b.js"></script> 
<!-- /build --> 

あなたが開発している間、だから、あなたはa.js & b.jsを使用することができ、その後、processhtmlタスクを実行すると、それはそれらを除去し、代わりにc.jsを使用しています。もちろん、それはまだc.jsあなた自身に最初にminificationと連結を行うことに依存しています。