svelte相关内容

使用VITE将JS和CSS捆绑到单个文件中

我正在苦苦思索如何在我的Svelte项目中从vite构建一个.js文件，其中包括从我的Svelte项目构建的所有Java脚本和CSS。默认情况下，Vite将应用程序捆绑到一个html文件(这没问题)、两个.js文件(为什么？？)和一个.css文件(只希望将其捆绑到一个js文件中)。 我运行了这个非常基本的命令来获得一个启动项目： npx degit sveltejs/template myp ..
发布时间：2022-03-31 10:05:09 前端开发

如何处理 Svelte 自定义元素交叉依赖性和“无法在“CustomElementRegistry"上执行“定义"

上下文:我们正在构建一个 Svelte UI 组件库，作为跨多个新旧应用程序使用的自定义元素.所有组件都以包的形式存在于 monorepo 中，并且可以自行维护和交付. 目标:提供小型通用 js 包，消费者可以以最少的开销临时使用这些包. 情况: 存在一个简单的(原子的)自定义元素，例如 our-button. 存在另一个更复杂的自定义元素 our-modal，它使用(导入)o ..
发布时间：2021-11-17 03:05:06 其他开发

重新创建一个组件?

有没有办法在 Svelte 中重新创建组件? 上下文是我有一个已经创建的组件.一旦它完成它的过程，我希望它被销毁然后再次创建.这会将其属性恢复为默认状态，并确保对其嵌套组件执行相同操作. 我认为使用现有的组件方法在技术上是可行的，但我想知道是否有一种直接的方法来实现它. 顺便说一句，我知道在某些情况下重新创建组件可能效率低下.通过手动重置组件及其嵌套组件的状态来实现所需的娱乐效果 ..
发布时间：2021-09-01 19:11:02 其他开发

如何合并 ReactJS 项目苗条?或者如何将 .svelte 文件插入 ReactJs 项目?

如何合并 Svelte 和 ReactJs 的 node_module、项目依赖项? 我看过一些指南，展示了如何将 ReactJS 文件包含到 Svelte 应用程序中 这会产生以下错误: 构造函数不是构造函数错误 解决方案 这里是在 react 中包含一个 svelte 组件的示例.它是由 Rich Harris 撰写的《svelte》作者: https://gi ..
发布时间：2021-09-01 19:10:59 其他开发

如何将这个待办事项列表与 Svelte 中的即时搜索结合起来?

编辑 tldr 版本向下滚动到它说的位置我非常接近下面的代码. 问题 我有一个基本的待办事项清单，完成后将具有以下特点: 当页面加载时，表单域应该是焦点. 当用户单击向上/向下箭头时，应通过 CSS 背景颜色更改来选择列表中的项目. 当用户在表单中键入新项目时，它应该出现在用户列表中. 当用户在表单字段中键入时，“即时搜索"会出现.应用于列表，只显示与搜索匹配的项目.所有其 ..
发布时间：2021-09-01 19:10:50 前端开发

带有 Snowpack 的 Svelte-i18n 显示空白页而没有错误

我正在使用 Svelte 3 + Snowpack 3 + Routify + Svelte-i18n.我没有使用 Sapper.我用这个模板安装了所有东西.这是我的存储库，您可以在其中查看我的所有文件. 我正在关注官方教程 svelte-i18n. 问题:我无法使用他们的教程翻译我的页面.我希望它异步工作，因为我将有很多页面的大量翻译. 但是当我在我的 .svelte 文件中使 ..
发布时间：2021-09-01 19:10:47 其他开发

顺风复杂类(焦点等)和苗条项目中的笑话出错.仅在运行测试时

运行应用程序时，在 .svelte 文件中， 中的 CSS 完美运行. 当用 jest 执行测试时，如果我像这样使用简单的 CSS 选择器就可以了: 表单输入{@apply 阴影外观-无边框边框透明圆形 w-full py-2 px-3 text-gray-700 前导紧密；} 但是如果我添加一个像 focus 这样的复杂类: 表单输入{@apply focus:ring-2 阴影外观 ..
发布时间：2021-09-01 19:10:38 其他开发

在 svelte 3 中向 50 多个嵌套组件发出信号以执行子组件功能的最佳方法是什么

示例在带有行(子组件)的表中.我需要在每一行中进行文本搜索并用结果标记行. 我从 svelte 开始，它看起来非常有趣.如何通知所有细长的子组件(行)执行行搜索. 我可以切换商店，但一定有更好的基本方法吗? Child.svelte: 出口让子；//孩子id从'./store.js'导入{信号}；让解雇=假$:如果($信号){解雇 = 真;setTimeout(() => fi ..
发布时间：2021-09-01 19:10:33 其他开发

来自 Javascript 的 Svelte Mount DOM 元素

我正在尝试使用 Svelte 安装 pixi.js 画布，如下所示.app.view 是一个 HTML Canvas 元素，但我不确定如何使用 Svelte 显示它. 从 'pixi.js' 导入 * 作为 PIXI从'svelte'导入{onMount}；让 app = new PIXI.Application({宽度:256，//默认值:800高度:256，//默认值:600抗锯齿:真，// ..
发布时间：2021-09-01 19:10:30 其他开发

Svelte:以可重复使用的方式关联标签和输入

我正在构建一个 Svelte 输入组件，它应该可以在同一页面上多次使用. {label} 尝试关联标签和输入我有以下问题: 我无法通过将外部 更改为 来使用隐式关联，因为输入不是直接子级. 我不能使用标签 for 属性，因为重复使用该元素会创建可变的相同 ID. 有没有办法在 Svelte 中 ..
发布时间：2021-09-01 19:10:24 前端开发

如何在 Svelte 中动态渲染组件?

我正在尝试遍历一个数组以呈现具有 type 值的组件. 从'./One.svelte'导入一个；从'./Two.svelte'导入两个；从'./Three.svelte'导入三个；常量内容 = [{类型:'一个'}，{类型:'两个'}，{类型:'三'}，{类型:'一个'}]{#每个内容都作为内容}{/每个} 所需的输出: 最好 ..
发布时间：2021-09-01 19:10:21 其他开发

如何通过第三方 Svelte 组件转发事件?

我有一个嵌套组件的层次结构(Svelte 3.35.0)，如下所示: 组件A组件 B(第三方)组件 C 组件 C 想要使用 createEventDispatcher dispatch 一个事件，而组件 A 正在监听.文档说: 如果在没有值的情况下使用 on: 指令，组件将转发事件，这意味着组件的使用者可以监听它. 问题是..默认行为将事件转发限制为“Child ->"家长"而且我 ..
发布时间：2021-09-01 19:10:18 其他开发

无法使用 Sapper 导出生成动态路由

我有一条动态路线: routes/artwork/[slug].svelte. npm run dev 一切都很好. 但是当我 npm run export 时，那些动态 slug 路由丢失了.我在 __sapper__/export 中没有看到它们，当我上传到 Netlify 时，这些页面也丢失了. 有什么线索可以解决这个问题吗?我错过了什么明显的东西吗? 解决方案 ..
发布时间：2021-09-01 19:10:15 其他开发

如何在 Svelte/Sapper 应用程序中包含 JQuery?

有许多组件仍然需要我需要使用的 JQuery(不幸的是). 在 Svelte/Sapper 中执行此操作的最佳方法是什么?我应该使用 ES6 导入，修改汇总，还是最好的方法? 例如，我需要包含来自 DevExpress 或 Kendo UI 的数据透视表、网格、调度程序等. 我可以在 template.html 文件中全局引入 JQuery 并使其工作，但我确定这不是最好的方法. ..
发布时间：2021-09-01 19:10:13 其他开发