[p5.js] 警告 asset size limit の対処方法が知りたい

実現したいこと

p5.jsを使ってるプロジェクトで、以下の警告文が出るのですが、この警告文の対処方法が知りたい
この警告文はサイズを上げことでも解決できると思いますが、どういう対処するのが正解なのでしょうか?

現状

以下のソースコードの現状で、webpackを使ってp5.jsのライブラリを作ってます。index.tsがエントリーポイントでそこで各コンポーネントを読み込んでいます、提示コードのTransform.ts部でimport {Vector} from "p5"を読み込んでnew Vector()すると以下の警告文出ます

前提

利用ライブラリ:p5.js 1.9.0

警告文

asset bundle.js 1010 KiB [emitted] [minimized] [big] (name: main) 1 related asset orphan modules 18.8 KiB [orphan] 5 modules runtime modules 891 bytes 4 modules cacheable modules 1 MiB ./dist/index.js + 5 modules 19.1 KiB [built] [code generated] ./node_modules/p5/lib/p5.min.js 1000 KiB [built] [code generated] WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB). This can impact web performance. Assets: bundle.js (1010 KiB) WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance. Entrypoints: main (1010 KiB) bundle.js WARNING in webpack performance recommendations: You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application. For more info visit https://webpack.js.org/guides/code-splitting/ p5-engine (webpack 5.89.0) compiled with 3 warnings in 10483 ms

該当のソースコード

index.ts

ts

1export {default as GameObject} from "./GameObject"2export {default as SpriteRenderer} from "./components/SpriteRenderer"3export {default as BoxCollision} from "./components/BoxCollision"4export {default as Transform} from "./components/Transform"5//export {default as Scene} from "./Scene"

Transform.ts

ts

1import {Vector} from "p5"2import Component from "../Component"3import GameObject from "../GameObject"4 5class Transform extends Component6{7 position:Vector;8 rotate:number;9 //scale:Vector;10 constructor(go:GameObject)11 {12 13 super(go);14 this.position = new Vector(0,0);15 this.rotate = 0;16 //this.scale = new Vector(1,1);17 }18}19 20export default Transform

試したこと

提示コードのTransform.ts部でimport {Vector} from "p5"を読み込んでnew Vector()すると以下の警告文出ます

補足情報(FW/ツールのバージョンなど)

p5.js 1.9.0
typescript
webpack
ここにより詳細な情報を記載してください。

コメントを投稿

0 コメント