我正在使用OpenLayers 6,并使用此表示法导入库的某些部分:
import { Map, View } from 'ol';
import { Vector as VectorSource } from 'ol/source';
import { Vector as VectorLayer } from 'ol/layer';
// More in other files [...]
运行时,我的项目npm run dev
得到一个9MB的文件。
为了进行测试,我尝试将这些命名的导入替换为默认的导入:
import Map from 'ol/Map';
import View from 'ol/View';
import VectorSource from 'ol/source/Vector';
import VectorLayer from 'ol/layer/Vector';
令人惊讶的是,它将我的捆绑文件减少到6MB!它的重量减轻了33%,为什么呢?命名导入不应该仅导入模块的必需部分吗?
编辑1
在@Bergi评论之后,可以在此处找到库。我使用通过安装的最新版本npm
:v6.4.2
编辑2
正如@felixmosh答案所指出的那样,运行npm run prod
似乎可以减小大小差异。我得到的差值1KB
从886KB到885KB。
摇树是缩小过程的一部分。在开发包中,不应用此过程。
尝试以“生产”模式运行,并比较结果。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句