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.
27 lines
1.1 KiB
27 lines
1.1 KiB
5 years ago
|
# CDN支持
|
||
|
|
|
||
|
|
开启 CDN 的好处在于，项目中引用的一些第三方库不会打包进项目内，从而减小打包出的文件体积，同时借用 CDN 的优势，大大提高项目加载速度。
|
||
|
|
|
||
|
|
CDN 支持默认不开启，如果需要开启，则在 `.env.production` 生产环境配置文件中修改：
|
||
|
|
|
||
|
|
```
|
||
|
|
VUE_APP_CDN = ON
|
||
|
|
```
|
||
|
|
|
||
|
|
CDN 配置文件存放在项目根目录下的 `dependencies.cdn.js` 文件里，可按照标准格式自行扩展配置。
|
||
|
|
|
||
|
|
```js
|
||
|
|
{
|
||
|
|
name: '',
|
||
|
|
library: '',
|
||
|
|
js: '',
|
||
|
|
css: ''
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
其中 `name` 和 `library` 最终会转成 webpack 中 externals 的配置项， `name` 是引入的包名， `library` 是全局变量。
|
||
|
|
|
||
|
|
这里需要注意以下两点：
|
||
|
|
|
||
|
|
1. 如果只在生产环境开启 CDN 支持，请确保第三方库的 CDN 版本与本地依赖包的版本一致，以免出现开发环境是正常的，但生产环境缺不行的情况，也就是因为版本不同造成的 bug
|
||
|
|
2. 开发环境开启 CDN 支持后会导致 [Vue.js devtools](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd) 无法使用，所以不建议开发环境开启
|