parcel build & inline JS issue

[tylerlong]

🐛 bug report

🎛 Configuration (.babelrc, package.json, cli command)

No parcel config

<textarea v-model="input" rows="8" cols="200" onkeydown="if(event.keyCode===9){var v=this.value,s=this.selectionStart,e=this.selectionEnd;this.value=v.substring(0, s)+'\t'+v.substring(e);this.selectionStart=this.selectionEnd=s+1;return false;}"></textarea>

🤔 Expected Behavior

<textarea v-model="input" rows="8" cols="200" onkeydown="if(event.keyCode===9){var v=this.value,s=this.selectionStart,e=this.selectionEnd;this.value=v.substring(0, s)+'\t'+v.substring(e);this.selectionStart=this.selectionEnd=s+1;return false;}"></textarea>

😯 Current Behavior

<textarea v-model="input" rows="8" cols="200" onkeydown="if(9===event.keyCode){var t=this.value,e=this.selectionStart,i=this.selectionEnd;return this.value=t.substring(0,e)+" \t"+t.substring(i),this.selectionStart="this.selectionEnd=e+1,!1}""></textarea>

onkeydown value is escaped incorrectly and code above has syntax error.

💁 Possible Solution

🔦 Context

parcel index.html is OK while parcel build index.html is not.

💻 Code Sample

🌍 Your Environment

Software	Version(s)
Parcel	1.7.1
Node	9.11.1
npm/Yarn	yarn 1.5.1
Operating System	macOS 10.13.4

[mischnic]

Beautified:

original:

if (event.keyCode === 9) {
    var v = this.value,
        s = this.selectionStart,
        e = this.selectionEnd;
    this.value = v.substring(0, s) + '\t' + v.substring(e);
    this.selectionStart = this.selectionEnd = s + 1;
    return false;
}

output:

if (9 === event.keyCode) {
    var t = this.value,
        e = this.selectionStart,
        i = this.selectionEnd;
    return this.value = t.substring(0, e) + " \t" + t.substring(i), this.selectionStart = "this.selectionEnd=e+1,!1}"