极客观点
项目管理
HarmonyOS
vue-cli项目怎么生成.html文件？
项目使用了element-ui还有自定义的less文件
vue组件：
<template>
<div>
<p>这是一段文字</p>
<children1></children1>
<children2></children2>
...
<el-button type="primary" size="medium" icon="el-icon-printer" @click="builder">生成</el-button>
...
</div>
</template>
<script>
...
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);
}
...
</script>我想生成xxx.html的格式如下：
<link href="xxx/xxx.css" />
<style>
//这里是否可以把所需的element.ui的css片段代码和公共的less文件的css代码加载过来
...
</style>
<html>
<body>
...
</body>
</html>
<script src="xxx/jquery.js">
<script src="xxx/xxx.js">
<script>
...
//是否可以把该组件以及该组件的后代组件的js代码加载过来
...
</script>我通过this.$refs.el.outHTML，生成xxx.html但是只有html片段，css和js无法生成
是否可以通过node.js或者webpack生成上述的格式html文件。
目前我没有什么思路，请教各位大神指点
为什么非要生成xxx.html文件呢？业务需求还是需要获取DOM？