customAttrAssign issues on Polymer

I’ve tried the following

  var optsHtml = {
    caseSensitive: true,
    customAttrAssign: [/\?=/],
    customAttrSurround: [
        [ /\{\{#if\s+\w+\}\}/, /\{\{\/if\}\}/ ],
        [ /\{\{#unless\s+\w+\}\}/, /\{\{\/unless\}\}/ ]
      ],
    collapseWhitespace: true,
    preserveLineBreaks: true,
    minifyCSS: true,
    // minifyJS: true,
    removeComments: true
  };

However, the customAttrAssign and customAttrSurround seem to be causing issues.

I copied the values directly from the minifier.js test code. Any advice on what I may have done wrong?

This is the error that I’m getting:

events.js:141
      throw er; // Unhandled 'error' event
      ^
Error: Parse Error: <div id="checkbox" class$="[[_computeCheckboxClass(checked, invalid)]]">
        <div id="checkmark" class$="[[_computeCheckmarkClass(checked)]]"></div>
      </div>
    </div>

[cpboyd]

I added /\$=/ to the customAttrAssign, but the resulting file from html-minifier ends up having the style$ value stripped.

e.g. <div id="drawer" style$="[[_computeDrawerStyle(drawerWidth)]]"> becomes: <div id="drawer" style$="">

[cpboyd]

@alexlamsl As an aside: gulp-minify-inline allows a cssSelector. Specifying style[is!="custom-style"] allows it to ignore the Polymer-specific CSS and apply to the rest.