如何从nuxt.js中的assets文件夹导入css文件

在nuxt.js中，可以通过以下步骤从assets文件夹导入CSS文件：

1. 首先，在assets文件夹中创建一个名为"css"的文件夹（如果不存在）。
2. 将你的CSS文件复制到assets/css文件夹中。

接下来，你有两种方式可以导入这些CSS文件：

方式一：在nuxt.config.js中配置全局CSS

1. 打开nuxt.config.js文件。
2. 在该文件中，找到css属性（如果不存在，则创建它）。
3. 在css属性中，添加要导入的CSS文件的路径。可以使用相对路径或绝对路径。
4. 保存并关闭nuxt.config.js文件。

示例：

module.exports = {
  // 其他配置项...
  css: [
    '@/assets/css/your-css-file.css'
  ],
  // 其他配置项...
}

方式二：在组件中导入CSS文件

1. 在你想要导入CSS文件的组件中，打开该组件的.vue文件。
2. 在该文件中，找到style标签。
3. 在style标签中，使用@import语句导入CSS文件。可以使用相对路径或绝对路径。

示例：

<template>
  <!-- 组件内容 -->
</template>

<script>
  // 组件逻辑
</script>

<style>
  @import '@/assets/css/your-css-file.css';
</style>

以上两种方式都可以让你从nuxt.js的assets文件夹中导入CSS文件。请注意，这些步骤假设你已经正确配置了nuxt.js项目，并且assets文件夹位于项目根目录下。如果你的项目结构有所不同，请相应地调整路径。