我正试图为我的谷歌应用程序脚本项目设置一个侧边栏。诚然，我不是最好的html，所以我找到了一个开放源码手风琴菜单，有我正在寻找的外观和功能。然而，我无法让它作为谷歌应用程序脚本的侧边栏正确加载。我将HTML、CSS和Javascript拆分为三个独立的HTML文件，然后按照Google的建议将它们加载到主HTML中这里（是的，如您所见，我已经在脚本中创建了include（）函数。下面显示了我的Google Apps脚本文件和三个HTML文件。它加载了，但似乎没有任何CSS。

我尝试在Javascript文件中添加一个脚本行以加载jQuery，但不确定是否正确。非常感谢您的帮助。

谷歌应用程序脚本文件:

function buildSidebar() {
  return HtmlService.createTemplateFromFile('SidebarHTML').evaluate();
}

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

function showSidebar() {
  SpreadsheetApp.getUi().showSidebar(buildSidebar());
}

主HTML文件（名为sidebarhtml.HTML)

function buildSidebar() {
  return HtmlService.createTemplateFromFile('SidebarHTML').evaluate();
}

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

function showSidebar() {
  SpreadsheetApp.getUi().showSidebar(buildSidebar());
}

CSS HTML文件（名为sidebarcss.HTML)

function buildSidebar() {
  return HtmlService.createTemplateFromFile('SidebarHTML').evaluate();
}

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

function showSidebar() {
  SpreadsheetApp.getUi().showSidebar(buildSidebar());
}

JavaScript HTML文件（名为sidebarjava.HTML)

function buildSidebar() {
  return HtmlService.createTemplateFromFile('SidebarHTML').evaluate();
}

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

function showSidebar() {
  SpreadsheetApp.getUi().showSidebar(buildSidebar());
}

顺晟科技：

在您的sidebarcss.html中，有嵌套块。这些在普通的CSS文件中是不允许的（除非使用SCSS之类的）。 因此，您应该按照您的意愿将这些CSS块扁平化。

正如我在上面的评论中提到的，它似乎适用于下载JS文件和CSS文件。