|
|
const gulp = require('gulp');
|
|
|
const plugins = require('gulp-load-plugins')();
|
|
|
const open = require('open');
|
|
|
const app = {
|
|
|
srcPath: 'app/', // 源代码
|
|
|
devPath: 'tmp/', // 开发打包
|
|
|
prdPath: 'dist/' // 生产打包
|
|
|
};
|
|
|
|
|
|
const JS_LIBS = [
|
|
|
'node_modules/angular-ui-router/release/angular-ui-router.js',
|
|
|
'node_modules/oclazyload/dist/ocLazyLoad.min.js',
|
|
|
'node_modules/angular-loading-bar/build/loading-bar.min.js',
|
|
|
'node_modules/angular-bootstrap/ui-bootstrap-tpls.min.js',
|
|
|
'node_modules/moment/moment.js',
|
|
|
'node_modules/angular-date-time-input/src/dateTimeInput.js',
|
|
|
'node_modules/angularjs-bootstrap-datetimepicker/src/js/datetimepicker.js',
|
|
|
'node_modules/angular-table-resize/dist/angular-table-resize.min.js',
|
|
|
'node_modules/angular-clipboard/angular-clipboard.js',
|
|
|
'node_modules/selectize/dist/js/standalone/selectize.js',
|
|
|
'node_modules/angular-selectize2/dist/selectize.js',
|
|
|
'node_modules/bootstrap-switch/dist/js/bootstrap-switch.min.js',
|
|
|
'node_modules/ng-dialog/js/ngDialog.js',
|
|
|
'node_modules/angular-ui-notification/dist/angular-ui-notification.min.js',
|
|
|
'node_modules/angular-utils-pagination/dirPagination.js',
|
|
|
'app/scripts/libs/treeTable.js',
|
|
|
];
|
|
|
|
|
|
const CSS_APP = [
|
|
|
'node_modules/angular-loading-bar/build/loading-bar.min.css',
|
|
|
'node_modules/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.css',
|
|
|
'node_modules/ng-dialog/css/ngDialog.min.css',
|
|
|
'node_modules/ng-dialog/css/ngDialog-theme-default.css',
|
|
|
'node_modules/angularjs-bootstrap-datetimepicker/src/css/datetimepicker.css',
|
|
|
'node_modules/angular-ui-notification/dist/angular-ui-notification.min.css',
|
|
|
'node_modules/angular-table-resize/dist/angular-table-resize.css',
|
|
|
'node_modules/selectize/dist/css/selectize.css',
|
|
|
'app/styles/page.css',
|
|
|
'app/styles/timeline.css',
|
|
|
'app/styles/main.css'
|
|
|
];
|
|
|
|
|
|
const JS_APP = [
|
|
|
'app/scripts/app.js',
|
|
|
'app/scripts/filters/filters.js',
|
|
|
'app/scripts/services/version_service.js',
|
|
|
'app/scripts/services/auth_service.js',
|
|
|
'app/scripts/services/appservice.js',
|
|
|
'app/scripts/services/flow_service_v1.js',
|
|
|
'app/scripts/services/flow_service_v2.js',
|
|
|
'app/scripts/services/degrade_service.js',
|
|
|
'app/scripts/services/systemservice.js',
|
|
|
'app/scripts/services/machineservice.js',
|
|
|
'app/scripts/services/identityservice.js',
|
|
|
'app/scripts/services/metricservice.js',
|
|
|
'app/scripts/services/param_flow_service.js',
|
|
|
'app/scripts/services/authority_service.js',
|
|
|
'app/scripts/services/cluster_state_service.js',
|
|
|
'app/scripts/services/gateway/api_service.js',
|
|
|
'app/scripts/services/gateway/flow_service.js',
|
|
|
];
|
|
|
|
|
|
gulp.task('lib', function () {
|
|
|
gulp.src(JS_LIBS)
|
|
|
.pipe(plugins.concat('app.vendor.js'))
|
|
|
.pipe(gulp.dest(app.devPath + 'js'))
|
|
|
.pipe(plugins.uglify())
|
|
|
.pipe(gulp.dest(app.prdPath + 'js'))
|
|
|
.pipe(plugins.connect.reload());
|
|
|
});
|
|
|
|
|
|
/*
|
|
|
* css任务
|
|
|
* 在src下创建style文件夹，里面存放less文件。
|
|
|
*/
|
|
|
gulp.task('css', function () {
|
|
|
gulp.src(CSS_APP)
|
|
|
.pipe(plugins.concat('app.css'))
|
|
|
.pipe(gulp.dest(app.devPath + 'css'))
|
|
|
.pipe(plugins.cssmin())
|
|
|
.pipe(gulp.dest(app.prdPath + 'css'))
|
|
|
.pipe(plugins.connect.reload());
|
|
|
});
|
|
|
|
|
|
/*
|
|
|
* js任务
|
|
|
* 在src目录下创建script文件夹，里面存放所有的js文件
|
|
|
*/
|
|
|
gulp.task('js', function () {
|
|
|
gulp.src(JS_APP)
|
|
|
.pipe(plugins.concat('app.js'))
|
|
|
.pipe(gulp.dest(app.devPath + 'js'))
|
|
|
.pipe(plugins.uglify())
|
|
|
.pipe(gulp.dest(app.prdPath + 'js'))
|
|
|
.pipe(plugins.connect.reload());
|
|
|
});
|
|
|
|
|
|
/*
|
|
|
* js任务
|
|
|
* 在src目录下创建script文件夹，里面存放所有的js文件
|
|
|
*/
|
|
|
gulp.task('jshint', function () {
|
|
|
gulp.src(JS_APP)
|
|
|
.pipe(plugins.jshint())
|
|
|
.pipe(plugins.jshint.reporter());
|
|
|
});
|
|
|
|
|
|
// 每次发布的时候，可能需要把之前目录内的内容清除，避免旧的文件对新的容有所影响。 需要在每次发布前删除dist和build目录
|
|
|
gulp.task('clean', function () {
|
|
|
gulp.src([app.devPath, app.prdPath])
|
|
|
.pipe(plugins.clean());
|
|
|
});
|
|
|
|
|
|
// 总任务
|
|
|
gulp.task('build', ['clean', 'jshint', 'lib', 'js', 'css']);
|
|
|
|
|
|
// 服务
|
|
|
gulp.task('serve', ['build'], function () {
|
|
|
plugins.connect.server({ //启动一个服务器
|
|
|
root: [app.devPath], // 服务器从哪个路径开始读取，默认从开发路径读取
|
|
|
livereload: true, // 自动刷新
|
|
|
port: 1234
|
|
|
});
|
|
|
// 打开浏览器
|
|
|
setTimeout(() => {
|
|
|
open('http://localhost:8080/index_dev.htm')
|
|
|
}, 200);
|
|
|
// 监听
|
|
|
gulp.watch(app.srcPath + '**/*.js', ['js']);
|
|
|
gulp.watch(app.srcPath + '**/*.css', ['css']);
|
|
|
});
|
|
|
|
|
|
// 定义default任务
|
|
|
gulp.task('default', ['serve']);
|