javascript - 正则表达式匹配js模板的问题

我有一个如下的代码片段：

import VLink from '../../components/vlink/vlink'
export default {
  template: "<div class=\"about\">\n    <VLink></VLink>\n    <p>This is an about page.</p>\n</div>",
  components: {
      VLink
  },
  data () {
    return {

    };
  }
}

// import Vue from 'vue'
// import VLink from '../../components/vlink/vlink'

// export default {
//     template: __inline('home.html'),
//     components: {
//         VLink
//     }
// }

我想将模板值与未注释的代码隔离开，这意味着我只想获取<div class="about">...</div>的代码而不是注释中的__inline('home.html')的代码。我如何通过正则表达式实现目标？

谢谢。

最佳答案

尝试这个：

^[^\/]{2}\s*template:\s*(.*),

您将在group1中获取所需的代码。

演示：https://regex101.com/r/oZkfXF/2