grunt-docu

2019-08-14 admin

grunt-docu是什么

什么是grunt-docu,Super simple flat documentation generator

grunt-docu使用教程帮助文档

grunt-docu

Super simple flat documentation generator

Getting Started

This plugin requires Grunt ~0.4.5

If you haven’t used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you’re familiar with that process, you may install this plugin with this command:

npm install grunt-docu --save-dev

Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:

grunt.loadNpmTasks('grunt-docu');

The “docu” task

Overview

In your project’s Gruntfile, add a section named docu to the data object passed into grunt.initConfig().

grunt.initConfig({
  docu: {
    options: {
      // Task-specific options go here.
    },
    your_target: {
      // Target-specific file lists and/or options go here.
    },
  },
});

Options

options.head

Type: String Default value: 'src/head.html'

Path to custom head file

options.foot

Type: String Default value: 'src/foot.html'

Path to custom foot file

Usage Examples

Default Options

In this example, the default options are used to do something with whatever.

grunt.initConfig({
  docu: {
    options: {},
    files: {
      'dest/default_options': ['src/**/*.html'],
    },
  },
});

Custom Options

In this example, custom options are used to do something else with whatever else.

grunt.initConfig({
  docu: {
  	myDocu: {
	  options: {
	    head: 'src/mydocu/head.html',
	    foot: 'src/mydocu/foot.html',
	  },
	  files: {
	    'dest/default_options': ['src/mydocu/**/*.html'],
	  },
  	}
  },
});

Other

The table of contents element dispatches an event (‘highlightchange’), everytime a new heading is highlighted. And passes the highlighted element under event.details. You can listen updates like this

document.querySelector('.docu-toc').addEventListener('highlightchange', function(event) {
	console.log('Changed highlighted heading to:', event.details);
}

Contributing

In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using Grunt.

你可能感兴趣的文章:

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-72447.html

文章标题:grunt-docu

回到顶部