https://github.com/exuanbo/gulp-inline-source-html
Inlines flagged js, css, and img sources in html with inline-source
https://github.com/exuanbo/gulp-inline-source-html
css gulp gulp-inline-source gulpplugin img inline inline-source javascript
Last synced: 3 months ago
JSON representation
Inlines flagged js, css, and img sources in html with inline-source
- Host: GitHub
- URL: https://github.com/exuanbo/gulp-inline-source-html
- Owner: exuanbo
- License: mit
- Created: 2020-04-17T05:16:03.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2024-12-22T00:52:08.000Z (7 months ago)
- Last Synced: 2025-04-06T06:57:04.193Z (3 months ago)
- Topics: css, gulp, gulp-inline-source, gulpplugin, img, inline, inline-source, javascript
- Language: JavaScript
- Homepage:
- Size: 219 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 32
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# gulp-inline-source-html
> Inlines flagged js, css, and img sources in html with [inline-source](https://github.com/popeindustries/inline-source)
[](https://www.npmjs.com/package/gulp-inline-source-html)
[](https://standardjs.com)
[](http://travis-ci.com/exuanbo/gulp-inline-source-html)
[](https://david-dm.org/exuanbo/gulp-inline-source-html)
[](https://github.com/exuanbo/gulp-inline-source-html/blob/master/LICENSE)
This plugin is based on [fmal/gulp-inline-source](https://github.com/fmal/gulp-inline-source), which is no longer maintained. It now supports Gulp.js v4 and ES6 / ES2015.
## Table of Contents
- [Description](#description)
- [Installation](#installation)
- [How it works](#how-it-works)
- [Usage](#usage)
- [License](#license)
## Description
Inline and compress tags that contain the `inline` attribute. Supports ``, `<link>`, and `<img>` (including `*.svg` sources) tags by default.
## Installation
Install `gulp-inline-source-html` as a development dependency
```bash
npm install --save-dev gulp-inline-source-html
```
## How it works
Targate file `src/html/index.html`
```html
<html>
<body>
<script src="../js/app.js" inline>
function test(){const a="lorem ipsum";return a}