rucksack-lite

import RucksackLite, { RucksackResource } from 'rucksack-lite'; import path from 'path'; import { fileURLToPath } from 'url'; const __filename = fileURLToPath(import.meta.url); const __dirname = path.dirname(__filename); async function setupRucksack() { const r = new RucksackLite({ name: "my-app", bundle_dir: path.resolve(__dirname, "output"), // Ensure an absolute path for bundle_dir bundle_url: "/static", input: "main.js" // This input file isn't created in this example, but defines the primary bundle. }); // Add a remote JavaScript resource by URL string r.add("https://example.com/index.js"); // Add a remote CSS resource using the RucksackResource class for explicit typing r.add(new RucksackResource({ path: "https://example.com/styles.css", type: "css" })); // Generate the HTML markup (note: this does not perform actual bundling) const htmlMarkup = r.html(); console.log('Generated HTML Markup:\n', htmlMarkup); // The `bundle()` method primarily processes local resources for path resolution // It does NOT create actual bundled files without the full `rucksack` package and actual files. try { console.log('\nAttempting to call bundle() (no actual files created in this quickstart):'); await r.bundle(); console.log('Bundle operation completed (paths resolved, if any local resources were added).'); } catch (error) { console.warn('Bundle operation warning (expected without actual files/bundler):', error.message); } console.log('\nRefreshed Markup after potential bundle operation:'); console.log(r.html()); } setupRucksack().catch(console.error);