174、gulp注入与压缩打包示例

gulp自动化测试，
（1）请求静态资源时，通过配置指向本机；
（2）请求动态数据时，通过配置指向服务器。

<!DOCTYPE html>
<html lang="en" ng-controller="mainCtrl" ng-cloak>
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title ng-bind="r_g_company.info.title"></title>
  <link rel="shortcut icon" ng-href="{{r_g_company.info.favicon}}">
  <link rel="stylesheet" href="../../static/common/bootstrap.css">
  <link rel="stylesheet" href="../../static/common/sliderCaptcha/slidercaptcha.css">
  <!-- build:css(src) styles/all.min.css --> 下面的css将被打包
  <!-- inject:css --> css将注入到下面
  <link rel="stylesheet" href="module/policy/cy/policy-flow-watch.css">
  <link rel="stylesheet" href="module/policy/cy/policy-Anti-attack.css">
  <!-- endinject --> css将注入到上面
  <!-- endbuild --> 上面的css将被打包
</head>
<body ondragstart="return false;">
  <my-app></my-app>
</body>
<script src="../../static/common/jquery.js"></script>
<script src="../../static/common/select.js"></script>
<!-- build:js(src) scripts/all.min.js --> 下面的js将被打包
<!-- inject:js --> js将注入到下面
<script src="config/main.js"></script>
<script src="module/role/cy/role-manage.js"></script>
<!-- endinject --> js将注入到上面
<!-- inject:partials --> 特定js将注入到下面
<!-- angular templates will be automatically converted in js and inserted here -->
<!-- endinject --> 特定js将注入到上面
<!-- endbuild --> 上面的js将被打包
</html>

gulp.src('src/index.html').pipe(
  $.inject(gulp.src(fileArray),{ //注入
    relative: true
  })
).pipe(gulp.dest('src/')) //压缩打包
.on('end', reload); //重载

var proxyUrl = [
  '/system','/event','/study','/seclity','/settings','/icaudit','/login',
  '/logs','/usermgr','/proptyaudit','/datclct','/intfmgr','/logout','/protocol',
  '/ailearn','/report','/logio','/ump','/permission'
].map(function (value) {
  var sendToServer = url.parse("http://192.168.10.125:5000" + value);
  sendToServer.route = value;
  return proxy(sendToServer); //（2）请求动态数据时，通过配置指向服务器。
});

browserSync.init({
  port: 8900,
  notify: false,
  open: false,
  server: {
    baseDir: ['src'],
    directory: false,
    index: 'index.html',
    middleware: proxyUrl,
    routes: {//（1）请求静态资源时，通过配置指向本机；
      '/static/img': 'src/img',
      '/static/common': 'src/module/common-vendor'
    }
  }
},function () {
  reload();
});

174、gulp注入与压缩打包示例

猜你喜欢