vue生成静态html文件_vue单文件组件，如何生成.html文件

vue-cli项目怎么生成.html文件？

项目使用了element-ui还有自定义的less文件

vue组件：

这是一段文字

...

生成

...

...

handlerBulder () {

const html = this.$refs.fields.outerHTML

var a = document.createElement('a');

var url = window.URL.createObjectURL(new Blob([html],

{ type: "text/plain;charset='utf-8'" }));

a.href = url;

a.download = 'form.html';

a.click();

window.URL.revokeObjectURL(url);

}

...

我想生成xxx.html的格式如下：

//这里是否可以把所需的element.ui的css片段代码和公共的less文件的css代码加载过来

...

...

...

//是否可以把该组件以及该组件的后代组件的js代码加载过来

...

我通过this.$refs.el.outHTML，生成xxx.html但是只有html片段，css和js无法生成

是否可以通过node.js或者webpack生成上述的格式html文件。

目前我没有什么思路，请教各位大神指点