svelte-media:Svelte.js util可以轻松地将媒体查询视为React式存储

苗条的媒体 观察媒体查询作为Svelte应用程序商店的简便方法 svelte-media可帮助您定义要观察的媒体查询。 通过使用来跟踪给定媒体查询的匹配状态，当发生更改时，它以最有效的方式通知您的应用。 它可以在window.matchMedia环境下使用window.matchMedia ，因此可以在Sapper应用程序中安全使用。 安装方式 只需运行npm i --save-dev svelte-media或yarn add svelte-media 。 用法 程序包的默认导出是一个函数，该函数接受带有名为mediaquery字符串的对象，并返回一个苗条的存储库，您可以导出该存储库以使用所需的任何方式。 import watchMedia from "svelte-media" ; const mediaqueries = { small : "(max-width: 849p