const assetsCDN = {
  externals: {
    'vue': 'Vue',
    'vue-router': 'VueRouter',
    'vuex': 'Vuex',
    'axios': 'axios'
  },

  css: [
    'https://g.alicdn.com/de/prismplayer/2.8.8/skins/default/aliplayer-min.css'
  ],

  js: [
    'https://g.alicdn.com/de/prismplayer/2.8.8/aliplayer-min.js'
  ]
}

const vueConfig = {
  chainWebpack: config => {
    config.plugin('html').tap(args => {
      args[0].cdn = assetsCDN
      return args
    })
  },

  css: {
    loaderOptions: {
      less: {
        modifyVars: {
          // custom theme
        }
      }
    }
  }
}

module.exports = vueConfig