یک پروژه ساده جاوااسکریپت بسازید و با استفاده از Webpack یک bundle تولید کنید که دو ماژول جداگانه را وارد کند و در یک صفحه HTML اجرا شود.

برای حل، ابتدا با npm پروژه را مقداردهی کنید (npm init -y) و Webpack و webpack-cli را نصب کنید (npm install --save-dev webpack webpack-cli). دو فایل ماژول در پوشه src بسازید (مثلاً src/util.js و src/index.js) که با import/export به هم وابسته‌اند، یک فایل webpack.config.js با تعیین entry و output ایجاد کنید و اسکریپت build را در package.json اضافه کنید (مثلاً "build": "webpack --mode development"). سپس npm run build را اجرا کنید و در index.html خروجی bundle (پیش‌فرض dist/main.js) را با تگ وارد کنید تا در مرورگر اجرا شود. نکات: از حالت development برای سریع‌تر بودن خروجی استفاده کنید، در صورت نیاز برای بازخورد زنده از webpack-dev-server استفاده کنید و خطاها در کنسول ساخت اغلب مسیر یا اشتباه در import را نشان می‌دهند.