mirror of
https://github.com/pbakaus/impeccable.git
synced 2026-09-12 06:06:37 +03:00
Add Bun bundler for frontend JavaScript
- Bundle all frontend JS with Bun.build() (82KB minified) - Dependencies (motion, lenis, three) are now bundled instead of CDN - Remove import map from index.html (no longer needed) - Output to public/dist/app.bundle.js with source map - Add public/dist/ to .gitignore (generated during build) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 4.5
parent
31aa3f2127
commit
2fb61defca
+45
-1
@@ -67,14 +67,58 @@ function buildTailwindCSS() {
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Build frontend JavaScript bundle using Bun's bundler
|
||||
*/
|
||||
async function buildFrontendJS() {
|
||||
const entrypoint = path.join(ROOT_DIR, 'public', 'app.js');
|
||||
const outdir = path.join(ROOT_DIR, 'public', 'dist');
|
||||
|
||||
console.log('📦 Bundling frontend JavaScript...');
|
||||
|
||||
try {
|
||||
const result = await Bun.build({
|
||||
entrypoints: [entrypoint],
|
||||
outdir: outdir,
|
||||
target: 'browser',
|
||||
format: 'esm',
|
||||
minify: true,
|
||||
sourcemap: 'linked',
|
||||
naming: '[name].bundle.[ext]',
|
||||
});
|
||||
|
||||
if (!result.success) {
|
||||
console.error('Bundle failed:');
|
||||
for (const log of result.logs) {
|
||||
console.error(log);
|
||||
}
|
||||
process.exit(1);
|
||||
}
|
||||
|
||||
// Find the main bundle output
|
||||
const mainBundle = result.outputs.find(o => o.kind === 'entry-point');
|
||||
if (mainBundle) {
|
||||
const bundleName = path.basename(mainBundle.path);
|
||||
const bundleSize = (mainBundle.size / 1024).toFixed(1);
|
||||
console.log(`✓ Frontend JS bundled to public/dist/${bundleName} (${bundleSize} KB)\n`);
|
||||
}
|
||||
|
||||
return result;
|
||||
} catch (error) {
|
||||
console.error('Failed to bundle frontend JS:', error.message);
|
||||
process.exit(1);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Main build process
|
||||
*/
|
||||
async function build() {
|
||||
console.log('🔨 Building cross-provider design plugins...\n');
|
||||
|
||||
// Build Tailwind CSS first
|
||||
// Build frontend assets
|
||||
buildTailwindCSS();
|
||||
await buildFrontendJS();
|
||||
|
||||
// Read source files
|
||||
const { commands, skills } = readSourceFiles(ROOT_DIR);
|
||||
|
||||
Reference in New Issue
Block a user