मैंने इसके साथ https://materialdesignicons.com/ इंस्टॉल किया है

npm install @mdi/font

nuxt.config.js फ़ाइल में, मुझे नहीं पता कि आइकॉन मॉड्यूल कैसे आयात करें... कृपया मदद करें!

export default {
    build: {
      /*
       ** You can extend webpack config here
       */

      extend(config, ctx) {}
    },
    buildModules: [
      // Simple usage
      '@nuxtjs/vuetify',
  
      // With options
    //  ['@nuxtjs/vuetify', { /* module options */ }]
    ]
}

यहाँ एक MDI आइकन का उपयोग करके Vuetify टैब का एक उदाहरण दिया गया है।

<v-icon large color="blue darken-2">mdi-message-text</v-icon>
2
Isak La Fleur 5 अक्टूबर 2020, 12:51

2 जवाब

सबसे बढ़िया उत्तर

आप इसे @mdi/font/css/materialdesignicons.min.css को अपने nuxt.config.js में इस तरह जोड़कर कर सकते हैं:

export default {
    css : [
       '@mdi/font/css/materialdesignicons.min.css'
    ],
    build: {
      /*
       ** You can extend webpack config here
       */

      extend(config, ctx) {}
    }
    /* Rest of configs */
}

और अगर आप Vuetify का उपयोग करते हैं (मुझे लगता है कि आपने इसका उपयोग किया है) फिर Vuetify मॉड्यूल कॉन्फ़िगरेशन में iconfont: 'mdi' जोड़ें, जैसे:

export default {
    css : [
       '@mdi/font/css/materialdesignicons.min.css'
    ],
    buildModules: [
      '@nuxtjs/vuetify',
      ['@nuxtjs/vuetify', { iconfont: 'mdi' }]
    ]
    /* Rest of configs */
}
2
SMAKSS 5 अक्टूबर 2020, 14:00

SMAKSS द्वारा प्रदान किया गया समाधान काम कर गया, लेकिन मुझे सीडीएन से डाउनलोड से बचने के लिए defaultAssets: false vuetify मॉड्यूल कॉन्फ़िगरेशन में कॉन्फ़िगर करना पड़ा।

https://github.com/nuxt-community/vuetify-module#defaultassets

0
Bouchez Benoit 28 जिंदा 2021, 19:26