【问题标题】:missing icons with Snowpack + Svelte + svelte-materialifySnowpack + Svelte + svelte-materialify 缺少图标
【发布时间】:2021-01-22 17:26:36
【问题描述】:

我正在尝试让 snowpack 与 svelte-materialify 一起使用。 我用create-snowpack-app svelte-snowpack --template @snowpack/app-template-svelte 创建了一个应用程序,然后是yarn install svelte-materialify

所有的 CSS 似乎都可以工作,一个简单的 MaterialApp 和一个演示 AppBar 可以工作:CSS、浅色/深色主题、动画等 - 除了图标完全丢失。 Js控制台没有错误。

在 snoepack 网站上,有 webpack 和 rollup 的示例——这些对于 snowpack 似乎不是必需的—— postcss 插件已经被激活,并且似乎在这里起到了作用。所以,一切都很好,除了图标。

有什么想法吗?

【问题讨论】:

    标签: material-design svelte snowpack


    【解决方案1】:

    替代解决方案 首先你必须安装图标包

    npm install --save svelte-icons
    

    那么你必须分别导入每个图标 示例

    <script>
       import MdShoppingCart from 'svelte-icons/md/MdShoppingCart.svelte'
       <MdShoppingCart/>
    </script>
    

    更多图标请输入此链接 https://svelte-icons.vercel.app/

    选择一个库,点击图标获取导入代码 然后将其用作标签

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2020-09-10
      • 2021-05-23
      • 1970-01-01
      • 1970-01-01
      • 2020-07-03
      • 2021-05-14
      • 1970-01-01
      相关资源
      最近更新 更多