javascript - 在应用程序脚本中分离HTML文件

我有一个应用脚本文件，我想将我的HTML和CSS分开。鉴于我们无法在apps脚本中创建.css文件，我创建了一个文件'mainmenucss.html'并将css放入样式标签中，并使用include函数（请参见下文）将文件添加到其中，但没有当我这样做的时候，我的风格就会显示出来。

index.html

<!DOCTYPE html>
<html>
  <head>

    <?!= include('mainmenucss.html') ?>
  </head>

代码

function doGet(request) {
   return HtmlService.createTemplateFromFile('mainmenu')
      .evaluate();
}

function include(filename) {
  return HtmlService.createHtmlOutputFromFile(filename)
      .getContent();
}

mainmenucss.html

    <style>

      /*-- Text you have "X" emails left --*/
      div {
        display: block;
      }

      body {
        font: normal 10pt Arial, sans-serif;
      }
</style>

最佳答案

这个修改怎么样？

我认为在您的脚本中，return HtmlService.createTemplateFromFile(filename).getContent();可能会发生错误。因为HtmlTemplate没有getContent()的方法。那么下面的修改呢？

从：

return HtmlService.createTemplateFromFile(filename).getContent();

至：

return HtmlService.createTemplateFromFile(filename).evaluate().getContent();

要么

至：

return HtmlService.createHtmlOutputFromFile(filename).getContent();

注意：

如果上述修改不能解决您的问题，可以提供mainmenucss.html脚本吗？
如果您使用的是Web Apps，则在修改脚本时，请将Web Apps重新部署为新版本。这样，最新的脚本将反映到Web Apps。

参考文献：

createTemplateFromFile()
createHtmlOutputFromFile()

如果我误解了您的问题，而这不是您想要的结果，我深表歉意。