覆盖Nuxt的目录

时间:2018-09-18 16:04:16

标签: javascript node.js vue.js webpack nuxt.js

我的Nuxt应用程序具有以下结构:

/nuxtapp
/nuxtapp/src/
/nuxtapp/src/config
/nuxtapp/src/static
/nuxtapp/src/organizations
/nuxtapp/src/organizations/org1/config
/nuxtapp/src/organizations/org1/static

您通常在Nuxt中看到的其他常用目录也存在。

我想尝试的是这种想法,即在我的应用程序中指定要使用“ org1”的位置,在这种情况下,以下代码将自动获取我在其中使用的org.json org1文件夹而不是默认文件夹:

<script>
  import orgConfig from '~/config/org.json'

  export default {
    data() {
      return {
        orgConfig: orgConfig
      }
    }
  }
</script>

如果要像这样引用图像,我希望在模板中完成相同的操作:

<img src="/icon.png" alt="Icon" width="100" height="100">

在这种情况下,它将自动搜索以查看org1/static文件夹中是否包含icon.png,否则,它将使用默认值。

0 个答案:

没有答案