自动辨别在不同环境是否启用CDN加速

提示：不同环境是指开发环境或生产环境

---

前言

为了能够区分生产环境(打包)时使用 CDN 加速包使 dist 瘦身，开发环境使用自己下载的包。

---

直接上代码吧，就不解释了

一、步骤1（修改vue.config.js）

• 影响打包时，index.html 引入其他资源的前缀地址
• ./ 可以让开发环境和生产环境都可以正常使用,为了严谨一些还是要换回来
• 开发环境: '/'
• 生产环境: './'
• node 里有个内置的环境变量 process.env.NODE_ENV
• process.env.NODE_ENV 它会根据你敲击的命令，来使用不同的值解决:
• 如果你敲击 npm run server，process.env.NODE_ENV 的值就是 'development' 字符串
• 如果你敲击 npm run build， process.env.NODE_ENV 的值就是 ’production' 字符串

const {
   defineConfig} = require('@vue/cli-service')
// 需要排除的包，对象
let externals = {
   }
//需要配置的CDN链接
let CDN = {
   css: [], js: []}
// 判断是否是生产环境
const isProduction = process.env.NODE_ENV === 'production'
// 如果是生产环境，需要执行以下逻辑
if (isProduction) {
   
  externals = {
   
    /**