[![Статус сборки][build-image]][build-url] [![Степень покрытия][coverage-image]][coverage-url] [![Версия][version-image]][version-url] [![Лицензия][license-image]][license-url] [![Зависимости][dep-image]][dep-url] [![Разработочные зависимости][dev-dep-image]][dev-dep-url]
Gulp плагин для встраивания ссылок, скриптов или других тегов в файл.
Сначала установите gulp-file-inline
как зависимость разработки:
npm install --save-dev gulp-file-inline
Затем добавьте его в ваш gulpfile.js
:
var gulp = require('gulp');
var fileInline = require('gulp-file-inline');
gulp.task('default', function() {
return gulp
.src('index.html')
.pipe(fileInline())
.pipe(gulp.dest('dist'));
});
var gulp = require('gulp');
var fileInline = require('gulp-file-inline');
gulp.task('default', function() {
return gulp
.src('index.html')
.pipe(fileInline({
js: {
filter: function(tag) {
return tag.indexOf(' data-inline="true"') > 0;
}
}
}))
.pipe(gulp.dest('dist'));
});
Это пример встраивания изображений:
var fs = require('fs');
var mime = require('mime');
var gulp = require('gulp');
var fileInline = require('gulp-file-inline');
gulp.task('default', function () {
return gulp
.src(['index.html'])
.pipe(fileInline({
img: {
tagPattern: /<img[^>]* src=[^>]+>/g,
urlPattern: / src=['"]?([^'"]+)['"]?/,
tagParser: function (codes, attrCodes) {
return '<img' + attrCodes + ' src="' + codes + '">';
},
parser: function (base, filename, encoding, minify) {
var content = fs.readFileSync(filename).toString('base64');
var contentType = mime.getType(filename);
return 'data:' + contentType + ';base64,' + content;
}
}
Yöntemleri
#### options
Тип: `Объект`
---
### fileInline(options)
#### options
Тип: `Объект`По умолчанию:
```js
{
css: {
tagPattern: fileInline.CSS_TAG_PATTERN,
urlPattern: fileInline.CSS_HREF_PATTERN,
tagParser: fileInline.cssTagParser,
parser: fileInline.cssParser,
filter: null,
minify: true // @смотрите https://www.npmjs.com/package/clean-css#constructor-options
},
js: {
tagPattern: fileInline.JS_TAG_PATTERN,
urlPattern: fileInline.JS_SRC_PATTERN,
tagParser: fileInline.jsTagParser,
parser: fileInline.jsParser,
filter: null,
minify: true // @смотрите https://www.npmjs.com/package/uglify-js#minify-options
}
}
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )