Vue2-leaflet 使用 ES 模块来减小包大小

Question

我正在使用 Vue-cli 2 并在我的 main.js 中导入 Vue2-leaflet 模块 LMap、LTileLayer

import { LMap, LTileLayer } from 'vue2-leaflet'

通过使用 webpack-bundle-analyzer，我可以看到包大小仍然是 421kb（仅限leaflet-src.js）。

为什么这没有像文档中所说的那样显着减少；

强烈建议这样做只导入所需的模块： import { LMap, LTileLayer, LMarker } from 'vue2-leaflet'; 这将显着减小捆绑包的大小

Answer 1

我正在研究同样的问题。我认为导入单个 vue2-leaflet 组件不会对 Leaflet-src.js 导入产生任何影响，正如您所说，它超过 400kb。但是，它会减少 vue2-leaflet 组件。如果加载所有 vue2-leaflet 组件，它将大约 242kb（解压缩）。这可以通过您使用的方法显着减少。

如果传单使不必使用整个捆绑包成为可能，我当然会很感激，但我不相信这是可能的。