یک پروژه ساده جاوااسکریپت بسازید و با استفاده از Webpack یک فایل bundle ایجاد کنید که شامل یک فایل JS و یک فایل CSS باشد و اسکریپت‌های npm برای اجرای dev server و ساخت نسخه production را تنظیم کنید.

برای حل این سوال یک پوشه پروژه بسازید، npm init -y بزنید و پکیج‌های موردنیاز را نصب کنید (مثلاً webpack، webpack-cli، webpack-dev-server و loaderهای css: style-loader و css-loader). در src/index.js و src/styles.css فایل‌های نمونه بسازید، سپس یک webpack.config.js ساده تعریف کنید با فیلد entry='./src/index.js' و output به dist/bundle.js و rule برای پردازش فایل‌های CSS با use: ['style-loader','css-loader']. در package.json دو اسکریپت اضافه کنید مانند "start": "webpack serve --mode development" و "build": "webpack --mode production". نکات: از mode مناسب (development/production) و devtool برای سورس‌مپ استفاده کنید و در صورت نیاز از babel-loader برای سازگاری بیشتر با مرورگرها بهره ببرید.