Start by installing Google Clasp
Once installed, either clasp clone your Google Sheets Apps Script file, or clasp create a new standalone Apps Script project. This will generate .clasp.json and appsscript.json files into the root of this project.
In your .clasp.json file, change "rootDir" to "dist/prod".
Finally, run npm install.
launch:local
- Runs the current dev build
launch:prod
- Uses
claspto launch the webapp picker and open the selected version in the browser
build:local
- Builds a dev version in
dist/local
build:prod
- Builds a prod version in
dist/prod
build:gas
- Packages your Apps Script files into the AppLib library module (from lib.bundle.js) so you can utilize your npm packages server-side as well. Builds in
dist/prod.
redeploy
- Allows you to redeploy to the same version ID. Useful for keeping a static URL.
deploy:gas
- Pushes the latest
dist/prodviaclaspto your Apps Script project
deploy:prod
- Bundles
clientintoapp.bundle.jsandserverintolib.bundle.js - Inlines
app.bundle.jsintoindex.html - Pushes your code to Apps Script
- Deploys a new version
- Launches the Webapp selector
I've included the basic setup for Material-UI 6 and React Router 6.