Solid
To setup Partytown in an Solid project take the following steps.
Install
npm install @builder.io/partytown
yarn add @builder.io/partytown
pnpm install @builder.io/partytownUse your favorite package manager to install @builder.io/partytown 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 '@builder.io/partytown/utils';
export default defineConfig({
plugins: [
...
partytownVite({
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.
<head>
<!-- Partytown config properties -->
<script>
partytown = {
...
};
</script>
<!-- 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!");
</script>
</head>