时间戳

首页 > 解决方案 > 将html和css捆绑在一起发送到服务器

javascript - 将html和css捆绑在一起发送到服务器

问题描述

我正在做一个简单的网络应用程序，我正在使用一个名为（html-to-pdf）的外部库。这个想法是用前端生成的 html 和 css 创建一个 pdf。lib接收一个html文档，所以我需要有这样的表示：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>cv-maker</title>
  </head>

 <style>
  styles go here
 </style>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

目前我正在使用 vue 来完成这项工作，因为它让我对其他东西的头疼更少。我需要的是转换基于组件的模板，如下所示：

<template>
  <div class="wrapper">
    <button @click="sendRequest()"></button>
  </div>
</template>

到上面的例子，所以我可以提取特定组件的组件样式和生成的html，有没有办法做到这一点？

目前我正在考虑 webpack 插件，但我不想每次向服务器发出请求时都构建我的包，这是这样做的好方法吗？

编辑：恢复我想要的行为，基本上我想提取 html 在带有类包装器的模板内，并获取当前组件上的样式并使用从组件中提取的 html 和嵌入的样式创建一个 html 文件带有样式标签的组件。

谢谢

标签： javascripthtmlcsswebpackvue.js

解决方案

推荐阅读