WIP: autoprefixer for CSS

This commit is contained in:
Iván Sánchez Ortega
2016-05-20 16:15:37 +02:00
parent 8bc47b9320
commit cb5c93dda3
2 changed files with 13 additions and 4 deletions

View File

@ -1,6 +1,8 @@
var fs = require('fs'),
UglifyJS = require('uglify-js'),
cssnano = require('cssnano'),
autoprefixer = require('autoprefixer'),
postcss = require('postcss');
zlib = require('zlib'),
SourceNode = require( 'source-map' ).SourceNode;
@ -187,17 +189,22 @@ exports.build = function (callback, version, compsBase32, buildName) {
console.log('\tMinified JS: ' + bytesToKB(newCompressed.length) + delta);
cssnano.process(newCss, {
postcss([ autoprefixer({
browsers: ['> 0.5%', 'IE 7', 'IE 8', 'IE 9', 'IE 10']
}), cssnano({
autoprefixer: false,
zindex: false,
core: true
})
core: false
}) ])
.process(newCss, { from: 'dist/leaflet-src.css', map: false })
.catch(function(err) {
console.error('cssnano failed to minify the files');
console.error(err);
callback(err);
})
.then(function(cssnanoed){
.then(function (cssnanoed) {
// fs.writeFileSync('app.css', result.css);
// if ( result.map ) fs.writeFileSync('app.css.map', result.map);
minifiedCss = cssnanoed.css;
var delta = getSizeDelta(minifiedCss, oldCssCompressed);
console.log('\tMinified CSS: ' + bytesToKB(oldCssCompressed.length) + delta);

View File

@ -3,6 +3,7 @@
"version": "1.0.0-rc.1",
"description": "JavaScript library for mobile-friendly interactive maps",
"devDependencies": {
"autoprefixer": "^6.3.6",
"cssnano": "^3.6.2",
"eslint": "^2.8.0",
"eslint-config-mourner": "^2.0.1",
@ -19,6 +20,7 @@
"leafdoc": "^1.2.2",
"mocha": "~2.4.5",
"phantomjs-prebuilt": "^2.1.7",
"postcss": "^5.0.21",
"prosthetic-hand": "^1.3.0",
"source-map": "^0.5.3",
"uglify-js": "~2.6.2"