gis

gulp-include-source

Include scripts and styles into your HTML files automatically.

Showing:

Popularity

Downloads/wk

402

GitHub Stars

23

Maintenance

Last Commit

7yrs ago

Contributors

1

Package

Dependencies

4

Size (min+gzip)

25.0KB

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

gulp-include-source

Gulp plugin to include scripts and styles into your HTML files automatically.

Install

Install with npm

npm install gulp-include-source --save-dev

Example

gulpfile.js

gulp.task('html', function() {
  return gulp.src( './client/index.html' )
    .pipe( includeSources() )
    .pipe( gulp.dest('build/') );
});

index.html

<html>
<head>
  <!-- include:css(style/**/*.css) -->
</head>
<body>
  <!-- include:js(list:vendorList) -->
  <!-- include:js(script/**/*.js) -->
</body>
</html>

scriptList

bower_components/jquery/dist/jquery.js
bower_components/angular/angular.js

Result:

<html>
<head>
  <link rel="stylesheet" href="style/main.css">
</head>
<body>
  <script src="bower_components/jquery/dist/jquery.js"></script>
  <script src="bower_components/angular/angular.js"></script>
  <script src="app.js"></script>
  <script src="controllers/LoginController.js"></script>
  <script src="controllers/MainController.js"></script>
  <script src="services/LoginService.js"></script>
</body>
</html>

API

includeSources(options)

options.cwd

Type: String

Base directory from where the plugin will search for source files.

options.scriptExt

Type: String

When available, will override script extension in resulted HTML code.

options.styleExt

Type: String

When available, will override style extension in resulted HTML code.

License

MIT © André Gil

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial