我正在使用gulp-ngdocs(https://www.npmjs.com/package/gulp-ngdocs)来记录AngularJS应用程序。 我知道我可以将几个部分添加到生成的网页,但是不能将这些部分链接到其他网页。
所以我当前的gulpfile.js是:
'use strict';
var gulp = require('gulp');
var ngGraph = require('gulp-angular-architecture-graph');
var gulpDocs = require('gulp-ngdocs');
require('require-dir')('./gulp');
gulp.task('ngdocs', function () {
var options = {
scripts: [
'bower_components/angular/angular.min.js',
'bower_components/angular/angular.min.js.map',
'bower_components/angular-animate/angular-animate.min.js',
'bower_components/angular-animate/angular-animate.min.js.map',
'bower_components/*.js'
],
html5Mode: false,
startPage: '/api',
title: "OCWeb2.0 Angularjs Documentation",
image: "./Siemens_logo_for_OCWeb2.0_documentation.png",
titleLink: "/api"
}
//return gulp.src('./src/app/**/*.js', './src/app/**/*.*.js')
// .pipe(gulpDocs.process(options))
// .pipe(gulp.dest('./docs'));
return gulpDocs.sections({
api: {
glob:['src/**/*.js', '!src/app/**/*.spec.js', '!src/app/**/*.*.spec.js', '!src/app/**/*.*.*.spec.js'],
api: true,
title: 'API Documentation'
},
graphs: { //<------ HERE
titleLink: "/graph",
glob: ['docs/graphs/graph.html'],
fallback: 'docs/graphs/graph.html',
title: 'Graphs',
imageLink: 'docs/graphs/graph.html',
src: ['#/docs/graphs/pippo.txt']
}
}).pipe(gulpDocs.process(options)).pipe(gulp.dest('./docs'));
});
gulp.task('architectureGraph', ['ngdocs'], function() {
return gulp.src('./src/app/**/*.js', './src/app/**/*.*.js', './src/app/**/*.*.*.js', '!src/js/external/*')
.pipe(ngGraph({
largeGraph: true,
dest: './docs/graphs'
}));
});
gulp.task('connect_ngdocs', ['ngdocs', 'architectureGraph'], function() {
var connect = require('gulp-connect');
connect.server({
root: 'docs',
livereload: true,
fallback: 'docs/index.html',
port: 8081
});
});
gulp.task('OCWebDocs', ['ngdocs', 'architectureGraph', 'connect_ngdocs']);
如何添加指向图像(或html页面)的链接以在“图形”部分中打开它?我已经尝试了所有方法(glob,src等),但没有尝试,白页。
谢谢。