优化配置文件

README.md

@@ -5,11 +5,11 @@
- 发布时，支持动态配置CDN静态资源／切换新旧版本
- 演示地址：[fast.demo.renren.io](http://fast.demo.renren.io) (账号密码：admin/admin)
![demo-screenshot_01](https://github.com/daxiongYang/renren-fast-vue/blob/master/screenshot_01.png)
![demo-screenshot_01](https://github.com/daxiongYang/renren-fast-vue/blob/master/demo-screenshot/01.png)
![demo-screenshot_02](https://github.com/daxiongYang/renren-fast-vue/blob/master/screenshot_02.png)
![demo-screenshot_02](https://github.com/daxiongYang/renren-fast-vue/blob/master/demo-screenshot/02.png)
![demo-screenshot_03](https://github.com/daxiongYang/renren-fast-vue/blob/master/screenshot_03.png)
![demo-screenshot_03](https://github.com/daxiongYang/renren-fast-vue/blob/master/demo-screenshot/03.png)
## 更新日志
每个版本的详细更改都记录在[release notes](https://github.com/daxiongYang/renren-fast-vue/releases)中。

gulpfile.js

@@ -4,16 +4,19 @@ var path = require('path');
var del  = require('del');
var distPath    = path.resolve('./dist');
var version     = ''; // 版本号(静态资源文件夹名称)
var versionPath = ''; // 版本号路径(静态资源文件夹路径)
var env         = ''; // 环境
var version     = ''; // 版本号
var versionPath = ''; // 版本号路径
var env         = ''; // 运行环境
// 创建版本号 / 版本号路径
// 创建版本号(年月日时分)
(function () {
  var d = new Date();
  version = (d.getFullYear().toString().slice(2))
    + ((d.getMonth() + 1) >= 10 ? (d.getMonth() + 1) : '0' + (d.getMonth() + 1))
    + (d.getDate() >= 10 ? d.getDate() : '0' + d.getDate());
  var yy = d.getFullYear().toString().slice(2);
  var MM = d.getMonth() + 1 >= 10 ? (d.getMonth() + 1) : '0' + (d.getMonth() + 1)
  var dd = d.getDate() >= 10 ? d.getDate() : '0' + d.getDate()
  var HH = d.getHours() >= 10 ? d.getHours() : '0' + d.getHours()
  var MM = d.getMinutes() >= 10 ? d.getMinutes() : '0' + d.getMinutes()
  version = yy + MM + dd + HH + MM;
  versionPath = distPath + '/' + version;
})();
@@ -21,27 +24,27 @@ var env         = ''; // 环境
gulp.task('build', $.shell.task([ 'node build/build.js' ]));
// 创建版本号目录
gulp.task('create:versionPath', ['build'], function () {
gulp.task('create:versionCatalog', ['build'], function () {
  return gulp.src(`${distPath}/static/**/*`)
    .pipe(gulp.dest(`${versionPath}/static/`))
});
// 替换${versionPath}/static/js/manifest.js window.SITE_CONFIG.cdnUrl占位变量
gulp.task('replace:cdnUrl', ['create:versionPath'], function () {
gulp.task('replace:cdnUrl', ['create:versionCatalog'], function () {
  return gulp.src(`${versionPath}/static/js/manifest.js`)
    .pipe($.replace(new RegExp(`"${require('./config').build.assetsPublicPath}"`, 'g'), 'window.SITE_CONFIG.cdnUrl + "/"'))
    .pipe(gulp.dest(`${versionPath}/static/js/`))
});
// 替换${versionPath}/static/config/index-${env}.js window.SITE_CONFIG.staticFileName配置变量
gulp.task('replace:staticFileName', ['create:versionPath'], function () {
// 替换${versionPath}/static/config/index-${env}.js window.SITE_CONFIG['version']配置变量
gulp.task('replace:version', ['create:versionCatalog'], function () {
  return gulp.src(`${versionPath}/static/config/index-${env}.js`)
    .pipe($.replace(/window.SITE_CONFIG\['staticFileName'\] = '.*'/g, `window.SITE_CONFIG['staticFileName'] = '${version}'`))
    .pipe($.replace(/window.SITE_CONFIG\['version'\] = '.*'/g, `window.SITE_CONFIG['version'] = '${version}'`))
    .pipe(gulp.dest(`${versionPath}/static/config/`))
});
// 合并${versionPath}/static/config/[index-${env}, init].js 至 ${distPath}/config/index.js
gulp.task('concat:config', ['replace:staticFileName'], function () {
gulp.task('concat:config', ['replace:version'], function () {
  return gulp.src([`${versionPath}/static/config/index-${env}.js`, `${versionPath}/static/config/init.js`])
    .pipe($.concat('index.js'))
    .pipe(gulp.dest(`${distPath}/config/`))
@@ -56,7 +59,7 @@ gulp.task('default', ['clean'], function () {
  // 获取环境配置
  env = process.env.npm_config_qa ? 'qa' : process.env.npm_config_uat ? 'uat' : 'prod'
  // 开始打包编译
  gulp.start(['build', 'create:versionPath', 'replace:cdnUrl', 'replace:staticFileName', 'concat:config'], function () {
  gulp.start(['build', 'create:versionCatalog', 'replace:cdnUrl', 'replace:version', 'concat:config'], function () {
    // 清除, 编译 / 处理项目中产生的文件
    del([`${distPath}/static`, `${versionPath}/static/config`])
  })

src/mock/create.js

@@ -1,5 +1,5 @@
import Mock from 'mockjs'
import requestUrl from '@/api/requestUrl'
import http from '@/utils/http'
import merge from 'lodash/merge'
/**
@@ -23,7 +23,7 @@ export default function (mods, isOpen = true) {
        console.log('\n')
        // 2种url拦截方式
        Mock.mock(requestUrl(mod.url), mod.type, mod.data)
        Mock.mock(http.adronUrl(mod.url), mod.type, mod.data)
        Mock.mock(new RegExp(mod.url, 'g'), mod.type, mod.data)
      }
    }

src/router/index.js

@@ -12,8 +12,8 @@ Vue.use(Router)
export default new Router({
  mode: 'hash',
  routes: [
    { path: '/404', component: _import('common/404'), name: '404', desc: '404未找到' },
    { path: '/login', component: _import('common/login'), name: 'login', desc: '登录' },
    { path: '/404', component: _import('error/404'), name: '404', desc: '404未找到' },
    { path: '/login', component: _import('login/index'), name: 'login', desc: '登录' },
    {
      path: '/',
      component: _import('main'),
@@ -22,8 +22,8 @@ export default new Router({
      desc: '主入口整体布局',
      children: [
        // 通过isTab属性, 设定是否通过tab标签页展示内容
        { path: '/home', component: _import('common/home'), name: 'home', desc: '首页' },
        { path: '/theme', component: _import('common/theme'), name: 'theme', desc: '主题' },
        { path: '/home', component: _import('home/index'), name: 'home', desc: '首页' },
        { path: '/theme', component: _import('theme/index'), name: 'theme', desc: '主题' },
        { path: '/job/schedule', component: _import('modules/job/schedule'), name: 'schedule', desc: '定时任务', meta: { isTab: true } },
        { path: '/oss', component: _import('modules/oss/index'), name: 'oss', desc: '文件上传', meta: { isTab: true } },
        { path: '/sys/config', component: _import('modules/sys/config'), name: 'config', desc: '参数管理', meta: { isTab: true } },

static/config/index-prod.js

@@ -7,13 +7,8 @@
  // api接口请求地址
  window.SITE_CONFIG['baseUrl'] = 'http://demo.renren.io/renren-fast';
  // 嵌套iframe地址
  window.SITE_CONFIG['nestIframeUrl'] = 'http://demo.renren.io/renren-fast';
  // 嵌套iframe路由名称列表
  window.SITE_CONFIG['nestIframeRouteNameList'] = ['sql'];
  // 静态资源文件夹名称
  window.SITE_CONFIG['staticFileName'] = '';
  // cdn地址
  window.SITE_CONFIG['cdnUrl'] = './' + window.SITE_CONFIG.staticFileName;
  // cdn地址 = 域名 + 版本号
  window.SITE_CONFIG['domain']  = './'; // 域名
  window.SITE_CONFIG['version'] = '';   // 版本号(年月日时分)
  window.SITE_CONFIG['cdnUrl']  = window.SITE_CONFIG.domain + window.SITE_CONFIG.version
})();

static/config/index-qa.js

@@ -7,13 +7,8 @@
  // api接口请求地址
  window.SITE_CONFIG['baseUrl'] = 'http://demo.renren.io/renren-fast';
  // 嵌套iframe地址
  window.SITE_CONFIG['nestIframeUrl'] = 'http://demo.renren.io/renren-fast';
  // 嵌套iframe路由名称列表
  window.SITE_CONFIG['nestIframeRouteNameList'] = ['sql'];
  // 静态资源文件夹名称
  window.SITE_CONFIG['staticFileName'] = '';
  // cdn地址
  window.SITE_CONFIG['cdnUrl'] = './' + window.SITE_CONFIG.staticFileName;
  // cdn地址 = 域名 + 版本号
  window.SITE_CONFIG['domain']  = './'; // 域名
  window.SITE_CONFIG['version'] = '';   // 版本号(年月日时分)
  window.SITE_CONFIG['cdnUrl']  = window.SITE_CONFIG.domain + window.SITE_CONFIG.version
})();

static/config/index-uat.js

@@ -7,13 +7,8 @@
  // api接口请求地址
  window.SITE_CONFIG['baseUrl'] = 'http://demo.renren.io/renren-fast';
  // 嵌套iframe地址
  window.SITE_CONFIG['nestIframeUrl'] = 'http://demo.renren.io/renren-fast';
  // 嵌套iframe路由名称列表
  window.SITE_CONFIG['nestIframeRouteNameList'] = ['sql'];
  // 静态资源文件夹名称
  window.SITE_CONFIG['staticFileName'] = '';
  // cdn地址
  window.SITE_CONFIG['cdnUrl'] = './' + window.SITE_CONFIG.staticFileName;
  // cdn地址 = 域名 + 版本号
  window.SITE_CONFIG['domain']  = './'; // 域名
  window.SITE_CONFIG['version'] = '';   // 版本号(年月日时分)
  window.SITE_CONFIG['cdnUrl']  = window.SITE_CONFIG.domain + window.SITE_CONFIG.version
})();

static/config/index.js

@@ -7,13 +7,8 @@
  // api接口请求地址
  window.SITE_CONFIG['baseUrl'] = 'http://dev.demo.renren.io/renren-fast';
  // 嵌套iframe地址
  window.SITE_CONFIG['nestIframeUrl'] = 'http://dev.demo.renren.io/renren-fast';
  // 嵌套iframe路由名称列表
  window.SITE_CONFIG['nestIframeRouteNameList'] = ['sql'];
  // 静态资源文件夹名称
  window.SITE_CONFIG['staticFileName'] = '';
  // cdn地址
  window.SITE_CONFIG['cdnUrl'] = './' + window.SITE_CONFIG.staticFileName;
  // cdn地址 = 域名 + 版本号
  window.SITE_CONFIG['domain']  = './'; // 域名
  window.SITE_CONFIG['version'] = '';   // 版本号(年月日时分)
  window.SITE_CONFIG['cdnUrl']  = window.SITE_CONFIG.domain + window.SITE_CONFIG.version
})();

static/config/init.js

@@ -1,11 +1,11 @@
/**
 * 动态加载初始资源
 */
;(function(window, document) {
;(function() {
  var resList = {
    icon: window.SITE_CONFIG.cdnUrl + '/static/img/favicon.ico',
    css: [
      window.SITE_CONFIG.cdnUrl + '/static/css/app.css'
      window.SITE_CONFIG.cdnUrl + '/static/css/app.css',
    ],
    js: [
      window.SITE_CONFIG.cdnUrl + '/static/js/manifest.js',
@@ -17,7 +17,6 @@
  // 图标
  (function () {
    document.getElementsByTagName('html')[0].style.opacity = 0;
    var _icon = document.createElement('link');
    _icon.setAttribute('rel', 'shortcut icon');
    _icon.setAttribute('type', 'image/x-icon');
@@ -27,46 +26,25 @@
  // 样式
  (function () {
    document.getElementsByTagName('html')[0].style.opacity = 0;
    var i = 0;
    var _style = null;
    var createStyles = function () {
      if (i >= resList.css.length) {
        document.getElementsByTagName('html')[0].style.opacity = 1;
        return;
      }
    var _script = null;
    for (var i = 0; i < resList.css.length; i++) {
      _style = document.createElement('link');
      _style.href = resList.css[i];
      _style.setAttribute('rel', 'stylesheet');
      _style.onload = function () {
        i++;
        createStyles();
      }
      document.getElementsByTagName('head')[0].appendChild(_style);
    }
    createStyles();
  })();
  // 脚本
  var isLoad = false;
  document.onreadystatechange = function () {
    if (!isLoad && (document.readyState === 'interactive' || document.readyState === 'complete')) {
      isLoad = true;
      var i = 0;
    if (document.readyState === 'complete') {
      var _script = null;
      var createScripts = function () {
        if (i >= resList.js.length) {
          return;
        }
      for (var i = 0; i < resList.js.length; i++) {
        _script = document.createElement('script');
        _script.src = resList.js[i];
        _script.onload = function () {
          i++;
          createScripts();
        }
        _script.async = false
        document.getElementsByTagName('body')[0].appendChild(_script);
      }
      createScripts();
    }
  };
})(window, document);
})();