Question

我正在做一个简单的Web应用程序，其中我使用了一个名为（html-to-pdf）的外部库。这个想法是用在前端生成的html和css创建一个pdf。 lib收到一个html文档，所以我需要具有以下表示形式：

<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>

此刻，我正在使用vue来完成这项工作，因为它减少了我与其他工作的联系。我需要的是转换基于组件的模板，像这样：

<!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>

在上面的示例中，因此我可以提取特定组件的组件样式和生成的html，有什么方法吗？

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

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

谢谢

将HTML和CSS捆绑在一起发送到服务器

0 个答案: