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

Question

我在我的 main.jsLMap中使用 Vue-cli 2 并导入 Vue2-leaflet 模块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（解压缩）。这可以通过您使用的方法显着减少。

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