【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】サーバーのテーマファイルをFTPで自動バックアップ

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

: 【Stinger8】ページング（page-numbersクラス）,サイドバーリストのレイアウト修正

Stinger8の細かなレイアウト修正をします。目次トップ下部の投稿一覧をページングする部分（page-numbersクラス）のレイアウト崩れの修正サイドバーに表示される最近の投稿やアーカイブな …

: 【WordPress】アフィリエイト広告の自動出し分け

ブログに表示するアフィリエイト広告を自動で出し分けるショートコードを作りました。CSVで表示したいアフィリエイト広告を複数登録しておけば、ランダムに出し分けてくれます。目次処理概要ソースコード …

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

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

: MAMPを移行したらphpMyAdminが起動しなくなった

古いMacからMAMPを個別に移行したら、phpMyAdminが起動しなくなった。どうやらMySQLのユーザー/パスワードが不一致になってしまったようだ。関連して他のエラーも発生したため、一連で対 …

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

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

目次

うまくいかなかった箇所

修正方法