vue-cli4.0 配置CDN加速

最新推荐文章于 2024-06-29 18:40:02 发布

mrhaoxiaojun

最新推荐文章于 2024-06-29 18:40:02 发布

阅读量1.8k

点赞数

分类专栏： Webpack Vue 文章标签： vue vue-cli4 cdn webpack

本文链接：https://blog.csdn.net/mrhaoxiaojun/article/details/108519495

版权

vue.config.js
出于对网站性能的要求，有时候我们不希望一些比较大的第三方库直接打包到最后的bundle中，而会选择在打包的时候忽略他们，并直接使用CDN上面的资源。

以下是vue-cli4的相关配置vue.config.js

cdn.config.js

module.exports = assetsCDN = {
   
  useCDN: false,
  // webpack build externals
  externals: {
   
    vue: 'Vue',
    'vue-router': 'VueRouter',
    vuex: 'Vuex',
    axios: 'axios',
    'view-design': 'iview'
  },
  css: [
    // '//cdn.jsdelivr.net/npm/view-design@4.3.2/dist/styles/iview.css'
  ],
  // 国内免费（猫云）CDN https://www.bootcdn.cn/
  // 国外免费（unpkg）CDN https://unpkg.com
  // 国外免费（jsdelivr）CDN https://www.jsdelivr.com/
  js: [
    '//cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.min.js',
    '//cdn.jsdelivr.net/npm/vue-router@3.1.6/dist/vue-router.min.js',
    '//cdn.jsdelivr.net/npm/vuex@3.1.3/dist/vuex.min.js',
    '//cdn.jsdelivr.net/npm/axios@0.19.0/dist/axios.min.js',
    '//cdn.jsdelivr.net/npm/view-design@4.3.2/dist/iview.min.js',
  ]
}