我正在使用next-sass的一个项目中使用next.js。
我有2页/ index和/ about。
我有一个.scss文件，该文件用于设置索引页的样式，当包含在index.js中时，一切正常。 由于scss仅用于索引页或索引页的特定组件。当用户直接登陆“ / about”页面时，索引中包含的来自.scss文件的CSS也会出现在最终的CSS包中。但是我不确定用户是否会回到/ index。那么，为什么要在/ about上加载额外的scss？
我们如何编写组件级或页面级的scss？
是否仅在加载该页面/组件时才加载该scs？因为如果我有多个页面，那么它们的所有CSS都将被加载到单个页面上。还是我在想太多，这就是假定的工作方式吗？