有没有将vue打包成静态文件的脚手架?

Question

业务背景

• 做个站群系统
• 有点类似于QQ空间
• 网站功能模块和布局是固定的
• 只是不停的写各种样式页面
• 如果纯html写,就要不停的复制粘贴,后期也不好维护
• 自己做了个脚手架,但还是想用vue这种风格~

app.vue

<style lang="scss">
  div {color: red}
</style>
<template>
  <div>test</div>
</template>
<script lange="ts">
  export default {
   data: {}
  }
</script>

输出结果

app.css

div {color: red}

app.html

<div>test</div>

排除

• prerender-spa-plugin,因为依赖vue router

期望

• 类似于mpvue,可以将vue转换成小程序格式的wxml wxss

Answer 1

我是自己写正则做的，能实现 vue -> html + js + css，没找到现成工具。

Answer 2

nuxt

Answer 3

服务端渲染嘛
vue官方的nuxt

另外vue支持自己编辑ssr服务端渲染
详情参考vue SSR