Vue.js 导入css文件时出现未知单词错误

我正在尝试为我的项目导入材质图标（遵循中的说明：）

nuxt.config.js

...
extend(config, {isDev, isClient, isServer}) {
      if (isDev && isClient) {
        config.module.rules.push({
            enforce: 'pre',
            test: /\.(js|vue)$/,
            loader: 'eslint-loader',
            exclude: /(node_modules)/
          },
          {
            enforce: 'pre',
            test: /\.css$/,
            use: ['style-loader', 'css-loader']
          },
          {
            test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/,
            loader: 'url-loader',
            options: {
              limit: 10000
            }
          }
        )
      }
      if (isServer) {
        config.externals = [
          nodeExternals({
            whitelist: [/^vuetify/]
          })
        ]
      }
    }
...

但当我尝试运行项目时，出现以下错误：

 ERROR  Failed to compile with 1 errors                                                                                                                                     4:05:21 PM

 error  in ./node_modules/material-design-icons-iconfont/dist/material-design-icons.css

Module build failed: Syntax Error

(2:1) Unknown word

  1 | 
> 2 | var content = require("!!../../css-loader/index.js!./material-design-icons.css");
    | ^
  3 | 
  4 | if(typeof content === 'string') content = [[module.id, content, '']];


 @ ./node_modules/material-design-icons-iconfont/dist/material-design-icons.css 4:14-188 13:3-17:5 14:22-196
 @ ./plugins/vuetify.js
 @ multi vue vue-router vue-meta vuex vue-style-loader/lib/addStylesClient css-loader/lib/css-base ~/plugins/vuetify.js

我的vuetify.js文件

import Vuetify from 'vuetify'
import Vue from 'vue'
import 'material-design-icons-iconfont/dist/material-design-icons.css'

Vue.use(Vuetify)

---

我不知道我做错了什么，请帮我指出。非常感谢。

所以我解决这个问题的方法是根据@Allkin的评论添加它：

numxt.config.js

css: [
    '~/assets/style/app.styl',
    'material-design-icons-iconfont/dist/material-design-icons.css'
  ],

我还在numxt.config.js中删除了这个，否则它仍然有相同的错误

{
    enforce: 'pre',
    test: /\.css$/,
    use: ['style-loader', 'css-loader']
  },
  {
    test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/,
    loader: 'url-loader',
    options: {
      limit: 10000
    }
  }

---

你试过在nuxt.config.js中使用css道具吗？也尝试过，同样的错误@Allkin