vue cli 3离线构建@import google web字体

Question

我使用@ vue / cli v3.2.2创建了一个项目，并将其导入vue.config.js

module.exports = {
    css: {
        loaderOptions: {
            sass: {
                data: `
                    @import "@/assets/styles/app.scss";
                `
            }
        }
    },
}

在app.scss中，我只需导入所有必要的内容，包括我的typography.scss。

在typography.scss中，我导入了Google网络字体

@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,900');

在构建项目时，指向资产文件夹中字体的自写字体css被提取到/ dist文件夹中。

我也希望将远程CDN的字体也提取到/ dist文件夹中，而不必下载字体，将每个变体转换为Web字体格式，创建CSS文件并编写更多CSS。需要帮助！

**我想将导入部分保留在typography.scss

中