systemjs-route-bundler

const gulp = require('gulp'); const path = require('path'); const bundler = require('systemjs-route-bundler'); // --- Dummy Project Setup (for quickstart context) --- // To make this runnable, ensure you have a basic SystemJS project structure: // 1. `systemjs.config.js`: Your SystemJS configuration (e.g., `module.exports = { map: { 'app': 'app' }, packages: { 'app': { defaultExtension: 'js' } } };`) // 2. `app/main.js`: Your application's main entry point (e.g., `console.log('Main app loaded'); import './routes/home/index';`) // 3. `app/routes/home/index.js`: A route entry file (e.g., `import '../shared/data.js'; console.log('Home route loaded');`) // 4. `app/routes/about/index.js`: Another route entry file (e.g., `import '../shared/data.js'; console.log('About route loaded');`) // 5. `app/routes/contact/index.js`: A third route entry file (e.g., `console.log('Contact route loaded');`) // 6. `app/shared/data.js`: A shared module (e.g., `export const data = 'shared data';`) const bundleConfig = { baseURL: '.', // Base URL for your project files dest: 'dist', // Destination directory for the output bundles main: 'app/main.js', // The main entry file of your application destMain: 'dist/app/main.js', // Destination path for the main bundle routes: [ 'app/routes/home/index.js', 'app/routes/about/index.js', 'app/routes/contact/index.js' ], // Array of top-level route files to be bundled separately bundleThreshold: 0.6, // Ratio of routes including a module for it to be bundled in the main bundle systemConfig: 'systemjs.config.js', // Path to your SystemJS configuration file sourceMaps: true, // Generate source maps for debugging minify: false, // Do not minify the output JavaScript mangle: false, // Do not mangle variable names verboseOutput: true, // Output detailed debug information during bundling ignoredPaths: [ 'node_modules/*' // Example: ignore external libraries from the bundling logic ] }; gulp.task('bundle-systemjs-routes', async function() { console.log('Initiating SystemJS route bundling...'); try { await bundler(bundleConfig); console.log('SystemJS route bundling completed successfully!'); } catch (error) { console.error('SystemJS route bundling failed:', error); process.exit(1); } }); // To run this Gulp task: // 1. Install Gulp globally (`npm install -g gulp-cli`) and locally (`npm install --save-dev gulp`). // 2. Create the dummy project files as described above. // 3. Run `gulp bundle-systemjs-routes` in your terminal.