❤
npm
Sign UpSign In

grunt-glob-html

0.3.1 • Public • Published

grunt-glob-html

Add globbing to your HTML

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-glob-html --save-dev

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

grunt.loadNpmTasks('grunt-glob-html');

The "globhtml" task

Overview

This grunt task allows to use glob syntax when you specify src in script or link tags.

Initial HTML

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>glob-html example</title>
    
    <link href="css/style3.css" rel="stylesheet" type="text/css">
    <link href="css/*.css" rel="stylesheet" type="text/css">
    
    <script src="scripts/subfolder/*"></script> 
    <script src="scripts/*"></script> 
    <script src="scripts/script2.js"></script> 
</head>
<body>
    <p>glob-html example</p>
</body>
</html>

HTML after "globhtml"

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>glob-html example</title>
    
    <link href="css/style3.css" rel="stylesheet" type="text/css">
    <link href="css/style1.css" rel="stylesheet" type="text/css">
    <link href="css/style2.css" rel="stylesheet" type="text/css">
    	
    <script src="scripts/subfolder/script1.js"></script> 
    <script src="scripts/subfolder/script2.js"></script> 
    <script src="scripts/script1.js"></script> 
    <script src="scripts/script3.js"></script> 
    <script src="scripts/script2.js"></script> 
</head>
<body>
    <p>glob-html example</p>
</body>
</html>

See tests for more detailed HTML examples.

Options

Currently no options provided.

Usage Examples

Single HTML content

grunt.initConfig({
  globhtml: {
    content: {
      src: 'www/content.html',
      dest: 'www/content.result.html'
    }
});

Multiple HTML content

grunt.initConfig({
  globhtml: {
    content: {
      src: 'www/*.html',
      dest: 'www/result/'
    }
});

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.

Release History

(Nothing yet)

Readme

Keywords

Package Sidebar

Install

npm i grunt-glob-html

Repository

github.com/gevgeny/grunt-glob-html

Homepage

github.com/gevgeny/grunt-glob-html

Weekly Downloads

8

Version

0.3.1

License

none

Last publish

Collaborators

  • gevgeny
Try on RunKit
Report malware