【Stinger8】gulp-phtml-simple-compでheader.phpをうまく圧縮する

Stinger8のテーマファイルをgulpのgulp-phtml-simple-compを使ってphp圧縮にかけたら、バージョンベクタの圧縮がうまくいかなかったので自分用のメモ。
参考gulp-phtml-simple-comp

うまくいかなかった箇所

そのままphp圧縮したら、
【圧縮前】

<!--[if gt IE 8]><!-->
<html <?php language_attributes(); ?>>
	<!--<![endif]-->

がうまく圧縮されず、htmlタグから先が丸っと消えてしまい、そのあとの処理がうまく動かなくなってしまいました。

【圧縮後】

<!--[if gt IE 8]>以降のhtml;

修正方法

結局header.phpをちょろっと修正するだけじゃダメそうだったので、gulp-replaceを使って圧縮直後に置換することにしました。

const phpComp = require('gulp-phtml-simple-comp');
const replace = require('gulp-replace');

gulp.task('php-comp', () => {
    return gulp.src(['header.php'])
        .pipe(phpComp())
        //バージョンベクタの圧縮がうまくいかないのでreplaceで置換する
        .pipe(replace('<!--[if gt IE 8]>', '<!--[if gt IE 8]><!--><html <?php language_attributes(); ?>><!--<![endif]-->'))
        .pipe(gulp.dest(hogehoge/));
});

const phpComp = require('gulp-phtml-simple-comp');

const replace = require('gulp-replace');

gulp.task('php-comp', () => {

return gulp.src(['header.php'])

.pipe(phpComp())

//バージョンベクタの圧縮がうまくいかないのでreplaceで置換する

.pipe(replace('>'))

.pipe(gulp.dest(hogehoge/));

});

ちょっと危険なやり方ですが止む無し。。。

-CI, Web製作, 運用
-php, Stinger8, wordpress

執筆者：赤ドードー

comment コメントをキャンセル

: 【WordPress】Google Search Consoleへのサイトマップ登録と確認方法

Google Search Consoleにサイトマップを登録するメモ。これをしないとクローラに記事を拾ってもらえない。 7,8年前に１回やったことあるんですが、昔とやり方がめっちゃ変わってて結構焦り …

【備忘】gitのglobal userとlocal user使い分け

Macで初めてgit commitした時に、「お前は誰だ？」的な感じで怒られた。

$ git config --global user.name "username"
$ git config --global user.email "email"

1 2	$ git config --global user.name "username" $ git config --global user.email "email"

でユーザー名とメールアドレスを指定する必要があるらし …

: Stinger8のサイドバーにプロフィールを表示する

Stinger8のサイドバーにプロフィールを表示します。目次前提作業手順ウィジェットにHTMLを記述 CSSで見た目を整える前提 WordPressがインストールされている Stinger8 …

: SiTest入門 ~サイトへの導入とABテストの実施まで~

サイト分析・改善ツールのSiTestというツールをがすごいという噂を聞きました。サイト自体を改変することなく、各種スプリットテスト（ABテストやリダイレクトテスト、多変量テスト等）を実施できるほか、ヒ …

: 【WordPress】サーバーのテーマファイルをFTPで自動バックアップ

私みたいに趣味でWordPressを使ってる人はレンタルサーバーを借りてサイトを公開していると思います。最近のレンタルサーバーにはバックアップ機能が標準／オプションで用意されているものがほとんどです …

PREV: JavaScriptのPromise, async, awaitの使い方まとめ
NEXT: GulpでWordPressのCI 〜実装編〜

【Stinger8】gulp-phtml-simple-compでheader.phpをうまく圧縮する

目次

うまくいかなかった箇所

修正方法