gulp-ngdocs在生成的文档网页中打开图像(或其他html页面)

时间:2019-02-12 09:24:50

标签: javascript angularjs gulp ngdoc grunt-ngdocs

我正在使用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等),但没有尝试,白页。

谢谢。

0 个答案:

没有答案