gulp-files-inject

gulp-style-inject

style-inject plugin for gulp

Usage

First, install gulp-style-inject as a development dependency:

npm install --save-dev gulp-style-inject

Then, add it to your gulpfile.js:

var styleInject = require("gulp-style-inject");
 
gulp.src("./src/*.html")
    .pipe(styleInject())
    .pipe(gulp.dest("./dist"));

All your html files should include the following tag:

    <!-- inject-style src="./path/file.css" -->

Example:

<div>
<!-- inject-style src="./test/p.css" -->
<!-- inject-style src="./test/span.css" -->
    <p>Some text</p>
    <span>Some other text</span>
</div>

Output

<div>
<style>
p {
    background-color: red;
}
</style> 
<style>
span {
    background-color: green;
}
</style> 
    <p>Some text</p>
    <span>Some other text</span>
</div>

License

MIT License