有关regex匹配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
//     }
// }

​

我想把模板值从代码中分离出来，不是commented.It，这意味着我只想得到<div class="about">...</div>的代码，而不是注释中的__inline('home.html')的代码。如何通过正则表达式实现此目标？

谢谢。

Answer 1

试试这个：

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

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

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