Nuxt.js与vue-typed-js和JSDelivr CDN一起使用

时间:2019-12-29 03:13:43

标签: nuxt.js cdn

我想将vue-typed-js与JSDelivr CDN一起使用以加快加载速度,我尝试使用nuxt插件和nuxt.config.js来加载CDN路径(请参见https://github.com/Orlandster/vue-typed-js#browser-import),但不起作用< / p>

// nuxt.config.js
const webpack = require('webpack')

export default {
  mode: 'universal',
  /*
   ** Headers of the page
   */
  head: {
    title: process.env.npm_package_name || '',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      {
        hid: 'description',
        name: 'description',
        content: process.env.npm_package_description || ''
      }
    ],
    link: [
      {
        rel: 'stylesheet',
        href:
          'https://cdn.jsdelivr.net/npm/vue-typed-js@0.1.2/dist/vue-typed-js.css',
        crossorigin: 'anonymous'
      }
    ],
    script: [
      {
        src:
          'https://cdn.jsdelivr.net/npm/vue-typed-js@0.1.2/dist/vue-typed-js.browser.js',
        type: 'text/javascript',
        crossorigin: 'anonymous'
      }
    ]
  },
  ...
  plugins: [
    { src: '~/plugins/vue-typed-js', mode: 'client' }
  ],
  ...
// ./plugins/vue-typed-js.js
import Vue from 'vue'

Vue.use(VueTypedJs)

但是Nuxt显示未定义VueTypedJs的错误。

谢谢。

0 个答案:

没有答案