Css 如何在Nuxtjs中为每个布局包含本地（而非全局）样式表文件

是否可以将css文件导入到单独的版面，以便样式只应用于一个版面而不影响其他版面？

我找到了这个解决方案

将.css文件重命名为.scss

在布局中添加带有自定义类my class的包装块

布局/授权布局：

我找到了这个解决办法

将.css文件重命名为.scss

在布局中添加带有自定义类my class的包装块

布局/授权布局：

---

我希望这对某人有帮助。 如果您的样式文件扩展名为.css，您可以将它们放在静态目录中，并以这种方式在布局头函数或对象中指定地址。我的文件位于static/css/main.css目录中

    return {
      link: [
         //you shouldn't mention ~/static itself
        { rel: 'stylesheet', href: '/css/main.css' }, 
      ],
    };

---

如果您的文件具有.scss扩展名或任何其他预处理器，您可以将其放在assets目录下，因为webpack会在此目录下编译文件。

我希望这对其他人有所帮助。 如果您的样式文件扩展名为.css，您可以将它们放在静态目录中，并以这种方式在布局头函数或对象中指定地址。我的文件位于static/css/main.css目录中

    return {
      link: [
         //you shouldn't mention ~/static itself
        { rel: 'stylesheet', href: '/css/main.css' }, 
      ],
    };

---

如果您的文件具有.scss扩展名或任何其他预处理器，您可以将其放在assets目录中，从而使webpack编译此目录中的文件。

谢谢，但必须只包含css文件，而不是在布局组件中放置样式。您可以在组件中使用而不是定义css本身。@butttons，我尝试过这种方法，但样式还是全局导入的。谢谢，重复，但必须只包含css文件，而不是在布局组件中放置样式。您可以在组件中使用css，而不是在组件中定义css。@Buttons，我尝试过这种方法，但样式还是全局导入的。

    return {
      link: [
         //you shouldn't mention ~/static itself
        { rel: 'stylesheet', href: '/css/main.css' }, 
      ],
    };