mirror of
https://github.com/KevinMidboe/inline-html.git
synced 2025-10-29 17:40:29 +00:00
Switched to postcss.
This commit is contained in:
@@ -1,24 +1,26 @@
|
||||
var datauri = require('datauri');
|
||||
var isLocalPath = require('is-local-path');
|
||||
var path = require('path');
|
||||
var rework = require('rework');
|
||||
var url = require('rework-plugin-url');
|
||||
var postcss = require('postcss');
|
||||
var url = require('postcss-url');
|
||||
|
||||
var inline = function (css, filename) {
|
||||
var files = [];
|
||||
var basePath = path.dirname(filename);
|
||||
css = rework(css)
|
||||
.use(url(function (url) {
|
||||
if (isLocalPath(url)) {
|
||||
url = path.resolve(basePath, url);
|
||||
files.push(url);
|
||||
url = datauri(url);
|
||||
var result = postcss()
|
||||
.use(url({
|
||||
url: function (url) {
|
||||
if (isLocalPath(url)) {
|
||||
url = path.resolve(basePath, url);
|
||||
files.push(url);
|
||||
url = datauri(url);
|
||||
}
|
||||
return url;
|
||||
}
|
||||
return url;
|
||||
}))
|
||||
.toString();
|
||||
.process(css);
|
||||
return {
|
||||
css: css,
|
||||
css: result.css,
|
||||
files: files
|
||||
};
|
||||
};
|
||||
|
||||
@@ -8,7 +8,7 @@ var wrap = function (value) {
|
||||
return prefix + value + suffix;
|
||||
};
|
||||
var unwrap = function (value) {
|
||||
var regexp = new RegExp('^' + prefix + '\\s*(.*)\\s+' + suffix + '$');
|
||||
var regexp = new RegExp('^' + prefix + '\\s*(.*)\\s*' + suffix + '$');
|
||||
return value.replace(regexp, '$1');
|
||||
};
|
||||
var inline = function (html, filename) {
|
||||
|
||||
@@ -17,8 +17,8 @@
|
||||
"less": "^2.5.1",
|
||||
"lodash": "^3.10.0",
|
||||
"mz": "^2.0.0",
|
||||
"rework": "^1.0.1",
|
||||
"rework-plugin-url": "^1.0.1",
|
||||
"postcss": "^4.1.16",
|
||||
"postcss-url": "^4.0.0",
|
||||
"string": "^3.3.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,5 +3,5 @@ var fs = require('fs');
|
||||
|
||||
var filePath = './fixtures/assets/imported.css';
|
||||
var css = fs.readFileSync(filePath, 'utf8');
|
||||
css = inline(css, filePath);
|
||||
console.log(css);
|
||||
var result = inline(css, filePath);
|
||||
console.log(result.css);
|
||||
|
||||
Reference in New Issue
Block a user