با استفاده از Webpack یک پیکربندی ساده ایجاد کنید که فایل‌های JavaScript و CSS را از پوشه src باندل کند و خروجی نهایی را در پوشه dist قرار دهد.

برای حل این مسئله یک پروژه npm بسازید و بسته‌های webpack و webpack-cli و loaderهای مورد نیاز مثل style-loader و css-loader و در صورت نیاز html-webpack-plugin را نصب کنید؛ سپس یک فایل webpack.config.js با مشخص کردن entry (مثلاً src/index.js)، مسیر و نام خروجی (output)، و rule برای پردازش فایل‌های CSS بنویسید. در package.json یک اسکریپت build تعریف کنید (مثلاً "build": "webpack --mode production") و با اجرای آن تولید bundle را در پوشه dist مشاهده کنید. به‌عنوان ترفند، از npx برای اجرای webpack بدون نصب سراسری استفاده کنید و برای توسعه سریع‌تر می‌توانید webpack-dev-server یا حالت development را امتحان کنید.