Svelte (routify) + rollup:不关注/static中的css变化

Svelte是一种现代的JavaScript框架，用于构建用户界面。它通过在构建过程中将代码转换为高效的、可重用的原生JavaScript代码，从而实现了比传统框架更快的加载速度和更小的包大小。Svelte的核心思想是将组件的逻辑转移到编译阶段，以减少在运行时的开销。

Routify是一个基于Svelte的路由管理器，它提供了一种简单而强大的方式来管理应用程序的路由。它允许开发者使用文件系统来组织路由，并自动生成相应的路由配置。Routify还提供了一些有用的功能，如动态路由、嵌套路由和路由守卫等。

Rollup是一个JavaScript模块打包器，它可以将多个模块打包成一个或多个输出文件。与其他打包工具相比，Rollup更注重于生成更小、更高效的包。它支持各种模块格式，并且可以通过插件系统进行扩展。

在Svelte和Rollup的结合中，/static目录中的CSS文件通常是用于存放静态资源的文件夹。由于Svelte的编译过程会将CSS样式直接嵌入到生成的JavaScript文件中，因此不会关注/static中的CSS变化。这意味着，如果你在/static目录中修改了CSS文件，Svelte和Rollup不会自动重新编译和打包这些文件。

为了解决这个问题，你可以将CSS文件放置在Svelte组件的内部，或者使用Svelte插件或Rollup插件来处理CSS文件的变化。例如，可以使用rollup-plugin-postcss插件来处理CSS文件，并在构建过程中自动重新编译和打包。

总结起来，Svelte是一个用于构建用户界面的现代JavaScript框架，Routify是基于Svelte的路由管理器，Rollup是一个JavaScript模块打包器。在Svelte和Rollup的结合中，/static目录中的CSS文件不会自动重新编译和打包，需要使用插件来处理CSS文件的变化。