Huge .js file in development

[oivinds]

I don’t think so. Here’s my package.json.

{
  "name": "fresh",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build"
  },
  "dependencies": {
    "core-js": "^3.6.4",
    "phaser": "3.22.0",
    "pug": "^2.0.4",
    "pug-plain-loader": "^1.0.0",
    "register-service-worker": "^1.6.2",
    "vue": "^2.6.11",
    "vue-class-component": "^7.2.2",
    "vue-property-decorator": "^8.3.0",
    "vue-router": "^3.1.5"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.2.0",
    "@vue/cli-plugin-pwa": "~4.2.0",
    "@vue/cli-plugin-router": "~4.2.0",
    "@vue/cli-plugin-typescript": "~4.2.0",
    "@vue/cli-service": "~4.2.0",
    "sass": "^1.25.0",
    "sass-loader": "7.3.1",
    "typescript": "~3.7.5",
    "vue-template-compiler": "^2.6.11",
    "webpack": "^4.36.0"
  }
}

I should perhaps have mentioned that I use Vue.js. The vue template below produce the 17.8MB file.

 <template lang="pug">
.demo
    canvas(ref="dem")
</template>

<script>

    import {Game} from 'phaser';
    /*
    import BootScene from '../demo/BootScene'
    import MainScene from '../demo/MainScene' 
    */

    export default {
    	data() {
    		return {
    			game: Game,
    		};
    	},
    	 
        /* 
        mounted() {
    		const config = {
    			type: Phaser.WEBGL,
    			width: 800,
    			height: 600,
    			canvas: this.$refs.dem,
    			 audio: {
                    noAudio: true
                },
    			scene: [ MainScene],
    			scale: {
    				mode: Phaser.Scale.FIT,
    				autoCenter: Phaser.Scale.CENTER_HORIZONTALLY
    			},
    		};
    		this.game = new Phaser.Game(config);
    	},

    	beforeDestroy() {
    		this.game.destroy(true);
        } 
        */
    }

    </script>

<style lang="scss" scoped>
	.demo{
		background: black
	}
</style>