Liquid テンプレートで独自の Shopify テーマを作成しています。css と js を結合し、html を縮小するために、laravel-elixir と gulp をインストールしました。gulp を実行すると、次のようなエラーが表示されます。
events.js:160
throw er; // Unhandled 'error' event
^
Error: Parse Error: <' | append: 'img' %}
{% if article.excerpt_or_content contains img_tag %}
<!-- htmlmin:ignore -->
エラー箇所の周りにタグを配置しましたが、同じエラーが発生しています。gulp ファイルで customAttrSurround を作成しましたが、まだ同じ問題が発生しています。htmlmin にすべての液体ブラケットを無視させようとしています。どんな助けでも感謝します。
const elixir = require('laravel-elixir');
require('laravel-elixir-minify-html');
var liquidignore = [
'/\{\{.*\}\}',
'/\{\%.*\%\}',
];
elixir((mix) => {
mix.styles([
'../../../theme/bootstrap/css/bootstrap.css',
'../../../theme/plugins/magnific-popup/magnific-popup.css',
'../../../theme/css/animations.css',
'../../../theme/plugins/owl-carousel/owl.carousel.css',
'../../../theme/plugins/owl-carousel/owl.transitions.css',
'../../../theme/plugins/hover/hover-min.css',
'../../../theme/css/style.css',
'../../../theme/css/skins/light_blue.css'
], 'assets/app.css')
.scripts([
'../../../theme/plugins/jquery.min.js',
'../../../theme/bootstrap/js/bootstrap.min.js',
'../../../theme/plugins/modernizr.js',
'../../../theme/plugins/magnific-popup/jquery.magnific-popup.min.js',
'../../../theme/plugins/waypoints/jquery.waypoints.min.js',
'../../../theme/plugins/jquery.countTo.js',
'../../../theme/plugins/jquery.parallax-1.1.3.js',
'../../../theme/plugins/owl-carousel/owl.carousel.js',
'../../../theme/plugins/jquery.browser.js',
'../../../theme/plugins/SmoothScroll.js',
'../../../theme/js/template.js'
], 'assets/app.js')
.copy('assets', 'upload/assets')
.copy('config', 'upload/config')
.copy('layout', 'upload/layout')
.copy('snippets', 'upload/snippets')
.copy('templates', 'upload/templates')
.html('upload/snippets/*', 'upload/snippets', {collapseWhitespace: true, removeAttributeQuotes: true, removeComments: true, minifyJS: true, customAttrSurround: liquidignore})
.html('upload/templates/*', 'upload/templates', {collapseWhitespace: true, removeAttributeQuotes: true, removeComments: true, minifyJS: true, customAttrSurround: liquidignore})
.html('upload/layout/*', 'upload/layout', {collapseWhitespace: true, removeAttributeQuotes: true, removeComments: true, minifyJS: true, customAttrSurround: liquidignore})
});