关于正则表达式匹配js模板的问题

Question

我有一个如下代码片段：

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')的代码。我如何通过正则表达式实现目标？

感谢。

Answer 1

试试这个：

<style>
.button_upvote {......}
.button_downvote {......}
</style>

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

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