用gulp打包vue项目需要哪些包?

比如我写的如下代码

Vue.component(‘chart-option’, {
template: <ul class="clearfix fl chart-option-list"> <li class="fl chart-option-item" v-for="(item, index) in checkedConfig"> <input class="hide" type="checkbox" :id="item.id" value="item.value" v-model="item.model" true-value="yes" false-value="no"> <label :for="item.id"> <span class="chart-option" :class="{on: item.model==='yes'}"> <i v-if="item.model==='yes'">√</i> </span> {{item.text}} </label> </li> </ul>,
props: [‘checked-config’],
data() {
return {};
},
methods: {},
mounted() {}
});
我希望可以通过gulp把这个js代码转译,把template中的html转译成render函数。求教该怎么做?

你可以试着搜索一下

何苦呢?直接写成单文件组件的形式多好

应该是应用场景。
我现在遇到的就是chrome extension
由于popup页面不是很大,不想用vue-cli。
为了灵活(才不说是webpack不熟悉)使用了gulp
发现问题:单独引入vue
chrome extension 安全限制无法使用template渲染