実現したいこと
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 コメント