vue2.4 set comments true, don't work

[Cydmi]

Version

2.4.1

Reproduction link

https://codepen.io/anon/pen/dREmrV

Steps to reproduce

<template>
  <!--hello-->  
  <div class="hello">
    <h1>{{ msg }}</h1>
  </div>
</template>

<script>
export default {
  comments: true,
  data () {
    return {
      msg: 'hello'
    }
  }
}
</script>

vue-cli
comments:true
The comment is gone

What is expected?

see link

What is actually happening?

use vue-cli
The comment is gone

[yyx990803]

The comment needs to be inside the root element to be preserved.

[Cydmi]

<template>
  <div class="hello">
    <!--hello-->  
    <h1>{{ msg }}</h1>
  </div>
</template>

Thank you，no effect. @yyx990803

[yyx990803]

Ah, we forgot to mention in the docs: the comments option only works when using the full build with in-browser compilation. It does not work in single file components.

[Kingwl]

vuejs/vue-loader#897

[magedmakled]

I have a comments in my index.html for a noscripttag before <div id="app"></div>, the comment shows fine on localhost but not on prod, any suggestion?

I've tried comments: true, in main.js with no luck