---
title: "Building the Ultimate Google Apps Script Front Ends. Part 2: Bundling NPM Modules"
author: "Dmitry Kostyuk"
date: 2023-05-03T20:49:22+00:00
canonical_url: https://pulse.appsscript.info/p/2023/05/building-the-ultimate-google-apps-script-front-ends-part-2-bundling-npm-modules/
markdown_url: https://pulse.appsscript.info/p/2023/05/building-the-ultimate-google-apps-script-front-ends-part-2-bundling-npm-modules.md
categories:
  - "Advanced"
  - "Solutions"
  - "V8"
tags:
  - "dmitry-kostyuk"
  - "Medium"
featured_image: https://pulse.appsscript.info/files/2023/05/ezgif-5-33f8cc51e0.jpg
description: "Dmitry Kostyuk is continuing the 'Ultimate Google Apps Script Front Ends' series this time looking at how you can use NPM modules in your add-on sidebar. To follow along you'll need to follow the instructions in the previous posts. Dmitry has also shared the previous post code in Github as a branch, which makes it easy to compare what is new code from this post https://github.com/WildH0g/ultimate-google-apps-script-front-ends/compare/part-02. See the source post link for more details"
---

# Building the Ultimate Google Apps Script Front Ends. Part 2: Bundling NPM Modules

![Building the Ultimate Google Apps Script Front Ends. Part 2: Bundling NPM Modules](https://pulse.appsscript.info/files/2023/05/ezgif-5-33f8cc51e0.jpg)

> Hey there, friends! 👋 Our Emojibar — yes, that’s what we’re calling it now — is coming along nicely! In the previous post, we learned how to bundle the project with Vite and vite-plugin-singlefile, and it’s now time to add some real functionality!
> To complete our Emojibar, we’ll use two NPM modules:
> 
> [*Unicode-Emoji-JSON:*](https://www.npmjs.com/package/unicode-emoji-json) We need a complete list of emojis, and this simple module provides them in JSON format. Perfect!
> [*ToastifyJS:*](https://www.npmjs.com/package/toastify-js) When users click on an emoji, it’ll be copied into their buffer. Just so they have some feedback, we’ll show them a confirmation toast. This library is great for this purpose.
> 
> We’ll also add search and navigation functionality, meaning that we’ll have the entire backbone of the application ready by the end of this post.

*Source: *[*Building the Ultimate Google Apps Script Front Ends. Part 2: Bundling NPM Modules***](https://medium.com/@dmitry-kostyuk/building-the-ultimate-google-apps-script-front-ends-part-2-bundling-npm-modules-60ecd93c1c82)

---

*Published by [Dmitry Kostyuk](https://pulse.appsscript.info/p/author/dmitrykostyuk/) on [Pulse](https://pulse.appsscript.info/). Original article: [https://pulse.appsscript.info/p/2023/05/building-the-ultimate-google-apps-script-front-ends-part-2-bundling-npm-modules/](https://pulse.appsscript.info/p/2023/05/building-the-ultimate-google-apps-script-front-ends-part-2-bundling-npm-modules/)*