Skip to content
Apps Script with ES6 example 1
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
server Initial commit Mar 25, 2019
.gitignore
LICENSE
README.md
appsscript.json
package.json
webpack.gas.js

README.md

Using ES6 in Google Apps Script (example project)

This is an example project where we use ES6 features in Google Apps Script

This project uses webpack and babel to bundle ES6 code and then use the clasp command line tool to upload the project to your Google Account.

See the full article here

Usage

Install clasp command line tool

npm install @google/clasp -g

Then login to your Google account

clasp login

Open terminal and clone this project.

You have to create an Apps Script project to run this code.

clasp create --type standalone --title "Apps Script with Webpack and babel"

Now build the project and upload to your newly created Apps Script project

npm install
npm run deploy

Approach

Google Apps Script expects to have some global functions in your code. For a standalone web app project, it is the doGet() function. doGet() function renders the standalone web app's main page. You can see this function in server/api.js

In server/lib.js, we have the advanced ES6 code. we use babel and webpack to cross compile lib.js and place it in the distribution. (see the webpack configutaion file) We upload only the compiled bundle and api.js (api.js is uploaded unmodified)

Next steps

See AppsCurry Step 2 where we add npm modules (momentjs and lodash) to the project.

See the complete article series here.

Disclaimers

The author does not represent nor associated with Google in any way. This is project is only for learning purposes.

You can’t perform that action at this time.