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

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

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

如何将所有资源本地化?

【问题讨论】:

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

标签: vue.js nuxt.js vuetify.js


【解决方案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% 的工作。
猜你喜欢
  • 1970-01-01
  • 2011-08-28
  • 2018-10-25
  • 1970-01-01
  • 2011-08-18
  • 1970-01-01
  • 2012-05-29
  • 1970-01-01
  • 2017-04-18
相关资源
最近更新 更多