svelte-materialify 的捆绑包大小是多少？答案

【问题标题】：What is the bundle size of svelte-materialify?svelte-materialify 的捆绑包大小是多少？
【发布时间】：2021-02-02 05:34:04
【问题描述】：

我想在我的项目中使用 svelte-materialify，并且我想知道包的大小，然后才能使用大包大小的应用程序。所以如果你使用了 svelte-materialify，请告诉我构建包的大小。谢谢。

【问题讨论】：

标签： svelte svelte-3

【解决方案1】：

您可以使用 bundlephobia 之类的网站来回答此类问题。

对于 svelte-materialify：https://bundlephobia.com/result?p=svelte-materialify@0.3.4

81.5k，压缩包。

然而，这个库是可摇树的：你不使用的组件不会出现在最终的 js 中。您应该在您的项目中尝试，然后使用像 rollup-plugin-analyser 这样的插件来查看您的上下文/页面中的最终大小。

【讨论】：

【解决方案2】：

为了减小捆绑包的大小，我可以只使用需要的组件。但需要包装它最小的包装器。它包含在新版本 0.3.6 中的包装器（屏幕显示文件的大小https://github.com/TheComputerM/svelte-materialify/issues/155）。

<script>
    import Button from 'svelte-materialify/src/components/Button/index.js';
    import MaterialAppMin from "svelte-materialify/src/components/MaterialApp/MaterialAppMin";
    let theme = 'light';
</script>

<MaterialAppMin {theme}>
<Button class="success-color">success</Button>
      ...
</MaterialAppMin>

它减小了包的大小。

但是it方法加载了更多的代码

import {Button} from 'svelte-materialify';

https://svelte-materialify.vercel.app/components/material-app/

【讨论】：