# Speed Up Webpack Compile Time

**URL:** <https://phaser.discourse.group/t/speed-up-webpack-compile-time/11759>\
**Category:** Phaser 3\
**Created:** [May 26, 2022, 11:13am UTC](https://phaser.discourse.group/t/speed-up-webpack-compile-time/11759 "2022-05-26T11:13:17Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![codergautam](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/codergautam/32/5756_2.png) [@codergautam](https://phaser.discourse.group/u/codergautam)\
**Post date:** [May 26, 2022, 11:13am UTC](https://phaser.discourse.group/t/speed-up-webpack-compile-time/11759/1 "2022-05-26T11:13:17Z")

</div>

Hello,  
I used to use a free cdn to include phaser in my project, and that was great. The compile time was always around 100-200ms.  
Recently, I tried importing phaser using webpack, and my bundle size shot up to 1mb, which was expected, and also the compile time is very slow. I like using the `import phaser from 'phaser'` method because it gives me autocomplete.  
Is there a way to speed up bundling time or maybe keeping autocomplete but not including phaser in the bundle.

thanks!

---

<div class="post-metadata">

**Author:** ![yannick](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/yannick/32/732_2.png) [@yannick](https://phaser.discourse.group/u/yannick)\
**Post date:** [May 26, 2022, 12:32pm UTC](https://phaser.discourse.group/t/speed-up-webpack-compile-time/11759/2 "2022-05-26T12:32:29Z")

</div>

Use `mode: 'development'` while developing the app.

> **[Mode | webpack](https://webpack.js.org/configuration/mode/)**
>
> webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.

---

<div class="post-metadata">

**Author:** ![yannick](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/yannick/32/732_2.png) [@yannick](https://phaser.discourse.group/u/yannick)\
**Post date:** [May 26, 2022, 12:33pm UTC](https://phaser.discourse.group/t/speed-up-webpack-compile-time/11759/3 "2022-05-26T12:33:19Z")

</div>

You could also try my template:

> **[GitHub - yandeu/phaser-project-template: 🕹️ Phaser 3 - Starter Template with...](https://github.com/yandeu/phaser-project-template)**
>
> 🕹️ Phaser 3 - Starter Template with TypeScript and webpack. - GitHub - yandeu/phaser-project-template: 🕹️ Phaser 3 - Starter Template with TypeScript and webpack.

---

<div class="post-metadata">

**Author:** ![codergautam](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/codergautam/32/5756_2.png) [@codergautam](https://phaser.discourse.group/u/codergautam)\
**Post date:** [May 26, 2022, 10:43pm UTC](https://phaser.discourse.group/t/speed-up-webpack-compile-time/11759/4 "2022-05-26T22:43:37Z")

</div>

Thanks! This helped