VladPolskiy/leaflet
1
0
Fork 0
mirror of https://github.com/Leaflet/Leaflet.git synced 2025-07-25 15:38:54 +00:00
Code Issues Packages Projects Releases 1 Wiki Activity

WIP: autoprefixer for CSS

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

13
build/build.js
View File

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

2
package.json
View File

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