vue2.4 set comments true, don't work

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]

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]

https://github.com/vuejs/vue-loader/pull/897