0

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})
});
4

0 に答える 0