1つのコマンドを介してnpmでgulp-htmlminをインストールします。
npmインストールgulp-htmlmin - save-dev
インストールが完了したら、gulpfile.jsファイルを開き、HTMLを特別に圧縮し、HTMLで一連の処理を実行するタスクを書きます。
var gulp = require( 'gulp'); var htmlmin = require( 'gulp-htmlmin'); gulp.task( 'html'、function(){var options = {collapseWhiteSpace:true、collapsebooleanattributes:true、removecomments:true、removeremptyattributes:true、removescripttypeattributes:true、removestylelinktypeattributes:true、minifyjs:true、minifycss:true }; gulp.src( 'app/**/*。html')。パイプ(htmlmin(options))。タスクには設定オプションがあることがわかります。これにより、プロパティの役割が紹介されます。
1.コルプスホワイトスペース:文字通りの意味から、クリアスペースと圧縮HTMLがより重要であり、比較的大きな効果があり、変化によって引き起こされる圧縮量も特に大きいことがわかります。
2.CollapseBooleAnattributes:<入力チェック= "checked"/>など、ブール属性の値を省略し、この属性を設定した後、<input checked/>;
3.RemoveComments:HTMLのコメントをクリアすると、HTMLページのコメントを減らす必要があります。
4.RemoveEmptYattributes:すべての空の属性をクリアし、
5.RemovesCiptTypeattributes:すべてのスクリプトタグでtype = "text/javascript"属性をクリアします。
6.REMOVESTYLELINKTYPEATTRIBUTES:すべてのリンクタグの型属性をクリアします。
7.MINIFYJS:HTMLでJavaScriptコードを圧縮します。
8.MINIFYCSS:HTMLでCSSコードを圧縮します。
要するに、HTMLを圧縮する原則は、プロジェクト操作のパフォーマンスを改善するために、役に立たないコードをクリアし、デフォルト値の属性を削除し、HTMLを最小限に抑えることです。