یک پروژهٔ سادهٔ JavaScript ایجاد کنید و با استفاده از Webpack یک فایل bundle بسازید که کد ES6 را با Babel و یک فایل CSS را پردازش و در پوشهٔ dist خروجی دهد.

برای حل: با npm init -y شروع کنید، سپس پکیج‌های webpack و webpack-cli و babel ( @babel/core، babel-loader، @babel/preset-env ) و بارگذارهای CSS (css-loader و style-loader) را نصب کنید؛ یک webpack.config.js با ورودی (entry) و خروجی (output) و قوانین module برای babel-loader و css-loader تنظیم کنید و در package.json اسکریپت build را فراخوانی کنید. نکته‌ها: از mode: "development" و devtool: "source-map" هنگام توسعه استفاده کنید، برای انتشار mode: "production" را انتخاب کنید و به‌عنوان جایگزین ساده‌تر می‌توانید از Parcel یا Rollup برای بسته‌بندی خودکار استفاده کنید.