# 全站资源添加CDN地址

# 开始使用

在cyb.config.js配置启用cdn地址替换

// cyb.config.js

module.exports = {
  /**
   * -------------------------------
   * 生产环境 启用CDN静态资源url替换
   * -------------------------------
   */
  useCdn: {
    available: false, //发布代码时开启cdn地址替换
    extFile: 'css,html', // 替换CDN地址的文件扩展名
    base: "//fezcdn.com/cdndemo/" // 默认CDN地址
  }
}

发布代码时所有静态资源的url会自动添加cdn地址前缀。

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="renderer" content="webkit">
  <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
  <meta name="apple-mobile-web-app-capable" content="no">
  <meta name="format-detection" content="telephone=no">
  <title>塞伯坦（Cybertron）- CYB - 前端模块化工程构建工具</title>
  <meta name="keywords" content="塞伯坦（Cybertron）,cyb,CYB,前端模块化,前端工程自动化,前端异步编程,前端自动化测试,前端自动化部署">
  <meta name="description" content="塞伯坦（CYB）是面向前端模块化工程的构建工具。主要目的是帮助开发者统一前端开发模式和项目开发结构，提高功能扩展和降低维护成本，自动化前端工作流，提高开发效率和开发质量。">
  <meta property="og:image" content="http://cyb.jd.com/static/images/cyb-logo-og.4eb37dc2cf.png">
  <meta name="author" content="京东商城-基础平台研发部-CYB前端小组">
  <link rel="shortcut icon" href="static/images/favicon.8280d8d01f.ico">
  <link rel="stylesheet" href="//static.360buyimg.com/cybertron/static/css/vendor-0-bower-bootstrap.f3749da992.css">
  <link rel="stylesheet" href="//static.360buyimg.com/cybertron/static/css/vendor-bower.307e2afacf.css">
  <link rel="stylesheet" href="//static.360buyimg.com/cybertron/static/css/common.50d1994859.css">
  <link rel="stylesheet" href="//static.360buyimg.com/cybertron/static/css/index.4e3036afa7.css">
</head>

<body>
  ...
  <script src="//static.360buyimg.com/cybertron/static/js/vendor-0-bower-jquery-bootstrap.91937a2a28.js"></script>
  <script src="//static.360buyimg.com/cybertron/static/js/vendor-bower.85baa2a803.js"></script>
  <script src="//static.360buyimg.com/cybertron/static/js/vendor-webpack.f88605ad2310311d9738.js"></script>
  <script src="//static.360buyimg.com/cybertron/static/js/common-0-browser-threejs.251a3cef8d.js"></script>
  <script src="//static.360buyimg.com/cybertron/static/js/common-1-browser-headroom.4eaef80c02.js"></script>
  <script src="//static.360buyimg.com/cybertron/static/js/common-browser.0dfed0ac13.js"></script>
  <script src="//static.360buyimg.com/cybertron/static/js/index.f88605ad2310311d9738.js"></script>
</body>

# 高级配置

可以独立对js、css、图片、字体配置cdn地址前缀

// cyb.config.js

module.exports = {
  useCdn: {
    available: false, //发布代码时开启cdn地址替换
    extFile: 'css,html', // 替换CDN地址的文件扩展名
    base: "//fezcdn.com/cdndemo/", // 默认CDN地址
    js: "//js.fezcdn.com/", // 脚本CDN地址
    css: "//css.fezcdn.com/", // 样式CDN地址
    images: "//img.fezcdn.com/", // 图片CDN地址
    fonts: "//fonts.fezcdn.com/" // 字体CDN地址
  }
}