با استفاده از Webpack یا Parcel یا Rollup یک پروژه سادهٔ جاوااسکریپت بسازید که فایل ورودی src/index.js (و در صورت وجود src/style.css) را باندل کند و خروجی نهایی را در پوشهٔ dist قرار دهد.

برای حل: ابتدا با npm init -y پروژه را بسازید و بستهٔ انتخابی را نصب کنید (برای Parcel: npm install --save-dev parcel; برای Webpack: npm install --save-dev webpack webpack-cli style-loader css-loader; برای Rollup: npm install --save-dev rollup @rollup/plugin-node-resolve rollup-plugin-postcss). یک فایل ورودی ساده در src/index.js و در صورت نیاز src/style.css ایجاد کنید و برای Webpack یا Rollup یک فایل پیکربندی (webpack.config.js یا rollup.config.js) بنویسید یا برای Parcel از حالت zero-config استفاده کنید. در package.json اسکریپت‌های build/dev اضافه کنید (مثلاً "build": "webpack --mode production" یا "build": "parcel build src/index.html" یا "build": "rollup -c") و سپس دستور build را اجرا کنید تا خروجی در dist تولید شود. نکات: از npx برای اجرا بدون نصب سراسری استفاده کنید، برای بارگذاری CSS به loader/پلاگین مربوطه نیاز دارید و در صورت نیاز Babel برای پشتیبانی مرورگرهای قدیمی اضافه کنید.