با استفاده از Webpack یک پروژهٔ سادهٔ جاوااسکریپت بساز که فایل‌های ES6 را باندل و مینیفای کند و اسکریپت‌های npm برای ساخت و حالت توسعه را تعریف کن.

برای پروژهٔ ساده با Webpack بهتر است package.json را با npm init بسازید و webpack، webpack-cli، babel-loader، @babel/core و @babel/preset-env را نصب کنید. در webpack.config.js ورودی را به src/index.js و خروجی را به dist/bundle.js تعیین کنید و برای ترنسپایل ES6 از babel-loader همراه preset‑env استفاده کنید؛ حالت production به‌طور خودکار مینیفای می‌کند اما می‌توانید TerserPlugin یا mode: 'production' را صریح تنظیم کنید. اسکریپت‌های npm مانند "build": "webpack --mode production" و "dev": "webpack --mode development --watch" را اضافه کنید و برای توسعه از source-map و clean-webpack-plugin استفاده کنید تا دیباگ و خروجی تمیزتر شود.