Vue.js 使用Nuxt扩展css加载程序的Web包时出现问题

我不知道如何扩展网页包选项，尤其是css加载器。
这就是我现在拥有的

extend(config, {
        isDev,
        isClient
 }) {
        // ..
        config.module.rules.push({
                test: /\.(ttf|eot|svg|woff(2)?)(\?[a-z0-9=&.]+)?$/,
                loader: "file-loader"
        });
        config.module.rules.push({
                loader: "css-loader",
                options: {
                        modules: true,
                        localIdentName: "[path][name]__[local]--[hash:base64:5]"
                }
        });
        // Sets webpack's mode to development if `isDev` is true.
        if (isDev) config.mode = "development";
}

但是，这是不正确的，因为我的编译器列出了许多错误，包括

/.nuxt

中的文件问题

config.module.rules.push（{}）

是在官方的Nuxt.js网站上提供的，因此我不确定如何设置

module:true

和

localIdentName

我当前在

numxt.config.js中的构建配置

build: {
    extractCSS: true,
    vendors: ["smooth-scroll"]
    /*
     ** You can extend webpack config here
     */
    extend(config, {
        isDev,
        isClient
    }) {
        // ..
        config.module.rules.push({
            test: /\.(ttf|eot|svg|woff(2)?)(\?[a-z0-9=&.]+)?$/,
            loader: "file-loader"
        });
        config.module.rules.push({
            loader: "css-loader",
            options: {
                modules: true,
                localIdentName: "[path][name]__[local]--[hash:base64:5]"
            }
        });
        // Sets webpack's mode to development if `isDev` is true.
        if (isDev) config.mode = "development";
    }
}
};