To setup Partytown in an Solid project take the following steps.


Use your favorite package manager to install dependency and copy the Partytown files to the local filesystem using the Vite plugin. Adopting this strategy from the Partytown + Vite docs:

// vite.config.js
import { join } from 'path';
import { partytownVite } from '';

export default defineConfig({
  plugins: [
      dest: join(__dirname, 'dist', '~partytown'),

Script Setup

The snippet below shows you how to setup Partytown scripts in your index.html file. The first script tag takes the Partytown configuration. The second script tag references the Partytown JS file and the third file takes the third-party scripts to be loaded on the web-worker.

  <!-- Partytown config properties -->
    partytown = {

  <!-- Inlined Partytown Snippet -->
  <script src="/~partytown/debug/partytown.js"></script>
  <script type="text/partytown">
    console.log("New Partytown script.");
    console.log("Third-Party script goes here!");
Made with ❤️ by

© 2024, Inc.

Introducing Visual Copilot.

100% free. Supports all popular frameworks.

Try Visual Copilot