svelte - 如何在 svelte-kit 应用程序中从 node_modules 加载 pico css?

标签 svelte sveltekit

使用 $ npm install @picocss/pico -D 安装

在 rollup.config.js 中:

import css from "rollup-plugin-css-only";


...
    plugins: [
        css({ output: "static/bundle.css" }),
    ],

在 ./routes/__layout.svelte 我有:

<script>
    import "../../node_modules/@picocss/pico/css/pico.min.css";

</script>

只是在 UI 中出现错误,并且不存在 css/bundle.css。

最佳答案

我今天刚用它。我试过这个:

<script>
  import "@picocss/pico/css/pico.min.css";
</script>

我没有遇到任何错误,但没有尝试任何其他错误。

在我的例子中,我从 CDN 导入原始 HTML,它工作正常。

关于svelte - 如何在 svelte-kit 应用程序中从 node_modules 加载 pico css?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70932166/

相关文章:

svelte - 如何在 Sveltekit 独立端点上启用 CORS?

npm - Sapper/Svelte SASS 预处理?

deployment - gh - 页面上的 SvelteKit 部署不起作用。仅显示 HTML,不加载 CSS 和 JS

routes - sveltekit 基于哈希的路由

Sveltekit 无法在 iOS 上运行 JavaScript

javascript - onMount 和事件监听器

dynamic - 在运行时向 DOM 添加一个 svelte 组件?

slim 的内部结构 : how does reactive declaration syntax work

css - VS Code 中的 SvelteKit 未使用的 CSS 选择器警告

svelte - 如何在更改页面/路由时保持 SvelteKit 中的可读存储不被取消订阅