如何使所有资源本地化？答案

【问题标题】：How to make all resources local?如何使所有资源本地化？
【发布时间】：2021-06-09 09:42:22
【问题描述】：

我用 Nuxt.js 和 Vuetify 插件做 web-app。

它应该可以在没有互联网的情况下工作。现在我在下载 css 和字体时遇到错误：

如何将所有资源本地化？

【问题讨论】：

您能否向我们展示您的一些配置（package.json、nuxt.config.js 是一个很好的开始）？很难帮助你解决这个问题。另外，到目前为止，您尝试了什么？
默认是开箱即用
你的问题是什么？您是否需要有关如何从头开始实现此目标的教程？这不是 SO 的工作方式。因此，您的问题应该被关闭。如果您确实有特定的技术问题，我们可以提供帮助。我们不应该为您完成所有工作。

【解决方案1】：

这是一个有效的问题，不知道为什么 cmets 另有说明，只是表述不是很清楚。他在问他如何在本地加载字体和 css。 Vuetify 将自动尝试从 CDN 获取字体和图标（如果您单击请求并检查请求 URL，您会看到）。您必须从 NPM 本地安装图标和字体。以下是在本地安装图标的方法。

安装图标： npm install material-design-icons

在 nuxt.config.js 中全局添加css

 css : [
       '@mdi/font/css/materialdesignicons.min.css'
    ],

 buildModules: [
      '@nuxtjs/vuetify',
      ['@nuxtjs/vuetify', { iconfont: 'mdi' }]
    ]

对于字体，如果您希望 Vuetify 在本地加载默认字体，则需要使用类似的方法。我个人使用 nuxt-webfont-loader，但它确实使用了 CDN，但它是异步的。您可以尝试使用 vuetify 设置，例如禁用默认设置并将其添加到 Nuxt 中常见的 assets 文件夹中：

vuetify: {
  treeShake: true,
  defaultAssets: {
    font: false,
    icons: 'mdi',
    },
}

【讨论】：

有一个社区原因关闭一个问题，即“要求教程”。在这里，OP 对他的问题完全没有任何努力，并且展示了 0 研究或尝试自己实现它。只是过来询问如何做事并不是在这里做事的好方法。最重要的是，我完全可以回答他的问题，但这取决于他到底想用 Vuetify/他的字体做什么，而且，是的，他需要 10% 的工作。