Use project Javascript and CSS files in a Google Apps Script web app?

by

Here is a workaround I have found useful:

  1. Add this function to your server-side Javascript:

    function getContent(filename) {
    return HtmlService.createTemplateFromFile(filename).getRawContent();
}

  2. Add a second ‘html’ file to your project that contains only the JS or CSS surrounded by <script> or <style> tags as appropriate.

    <!-- myscript.js.html -->
<script>
    alert("Script included!");
</script>

  3. Now you can include the script in your main HTML template like this:

    <?!= getContent("myscript.js") ?>

This way, you can have your JS and CSS split into as many files as you like and keep them all accessible from within the Apps Script project.

More Related Contents:

  1. Moving google apps script to v8 file upload stopped working from sidebar
  2. Where is my iframe in the published web application/sidebar?
  3. Navigating embedded Google Apps Script iFrame from the parent
  4. UiApp has been deprecated. Please use HtmlService instead
  5. Call a custom GAS function from external URL
  6. How do I communicate a page(modal dialog) with its sibling (sidebar)?
  7. Is there any limit on number of concurrent hits or simultaneous executions on Google App Script Web App
  8. Call a function from external URL
  9. “function not found” error when making both GET and POST requests to a Web App
  10. Stopping the error “Authorisation is required to perform that action” in Google Apps Script
  11. Download file from Google Drive to local folder from Google Apps Script
  12. Create Google Calendar Events from Spreadsheet but prevent duplicates
  13. How to understand LockService and implement it correctly?
  14. Linking to another HTML page in Google Apps Script
  15. How do I add formulas to Google Sheets using Google Apps Script?
  16. How to enable autocomplete for Google Apps Script in locally-installed IDE
  17. Deleting rows in google sheets using Google Apps Script
  18. Delete a row in Google Spreadsheets if value of cell in said row is 0 or blank
  19. Why does google script editor stop paren matching after 100 lines in a function and does it affect the code?
  20. How to use a google apps script in multiple documents
  21. Is there a complete definition of the Google App Script Syntax somewhere? [duplicate]
  22. Google Apps Script Auto Generated Library Documentation
  23. Initiate a download from google apps script
  24. Embedding Google Apps Script in an iFrame
  25. onEdit() doesn’t catch all changes
  26. Add content of showModalDialog() to the clipboard Google Script
  27. Use script in all spreadsheets
  28. How to pause App Scripts until spreadsheet finishes calculation
  29. Custom Functions and Recalculation
  30. inject external javascript file in google app script(Google Docs) [closed]

Leave a Comment