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

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

vue生成静态html文件_vue单文件组件，如何生成.html文件相关推荐

Vue 的电商 SKU 表单配置组件
下载地址Vue 的电商 SKU 表单配置组件,多条件筛选计算价格和库存. dd:
【Vue实用功能】elementUI 自定义表单模板组件
elementUI 实现一个自定义的表单模板组件注:该功能基于elementUI 背景:在项目开发中,我们会遇到这种需求,在管理后台添加自定义表单,在指定的页面使用定义好的表单直接上代码: < ...
vue展示日历考勤展示_vue实现日历组件
1.当前组件说明一个用vue实现的简单日历组件,可以手动设置日历的宽高,未设置时,有默认宽高,设置后,其中的每个日期项的宽高可以根据设定的宽高自适应.可以设置当前选中日期,可以设置时间可用范围,可以 ...
import引入json文件_在React组件中导入Json文件
我正在尝试在React组件中加载languages.json文件.当我想导入json文件时,我在第一步收到以下错误.这是错误: ERROR in ./app/languages.json Module ...
java和vue实现拖拽可视化_Vue拖拽组件开发实例详解
摘要:这篇Vue栏目下的"Vue拖拽组件开发实例详解",介绍的技术点是"Vue拖拽组件开发实例.vue拖拽组件.拖拽组件.组件开发.开发实例.实例详解",希望对 ...
ASP.Net生成静态HTML页
环境:Microsoft .NET Framework SDK v1.1 OS:Windows Server 2003 中文版 ASP.Net生成静态HTML页在Asp中实现的生成静态页用到的Fil ...
ASP.Net生成静态HTML页!
ASP.Net生成静态HTML页! 环境:Microsoft .NET Framework SDK v1.1 OS:Windows Server 2003 中文版 ASP.Net生成静态HTML页在 ...
php生成文章页,php结合smarty生成静态页面php文章内分页代码
本文介绍了php中使用smarty模板引擎生成静态页面的方法,以及php实现文章分页的实现代码,需要的朋友参考下. 例子,php中smarty生成静态页.文章内分页代码.专题:php分页代码原理 ', ...
ASP.NET生成静态页面方法大全（1）
方案1: /// <summary> /// 传入URL返回网页的html代码 /// </summary> /// <param name="Url" ...

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

vue生成静态html文件_vue单文件组件，如何生成.html文件相关推荐

最新文章

热门文章