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文件。

目前我沒有什么思路，請教各位大神指點

總結

以上是生活随笔為你收集整理的vue生成静态html文件_vue单文件组件，如何生成.html文件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。