You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1.1 KiB
1.1 KiB
CDN支持
开启 CDN 的好处在于,项目中引用的一些第三方库不会打包进项目内,从而减小打包出的文件体积,同时借用 CDN 的优势,大大提高项目加载速度。
CDN 支持默认不开启,如果需要开启,则在 .env.production
生产环境配置文件中修改:
VUE_APP_CDN = ON
CDN 配置文件存放在项目根目录下的 dependencies.cdn.js
文件里,可按照标准格式自行扩展配置。
{
name: '',
library: '',
js: '',
css: ''
}
其中 name
和 library
最终会转成 webpack 中 externals 的配置项, name
是引入的包名, library
是全局变量。
这里需要注意以下两点:
- 如果只在生产环境开启 CDN 支持,请确保第三方库的 CDN 版本与本地依赖包的版本一致,以免出现开发环境是正常的,但生产环境缺不行的情况,也就是因为版本不同造成的 bug
- 开发环境开启 CDN 支持后会导致 Vue.js devtools 无法使用,所以不建议开发环境开启