From 50c43bc55a3576636cf83eae2a918fa6dd231b75 Mon Sep 17 00:00:00 2001 From: Bass Jobsen Date: Mon, 26 Oct 2015 23:15:00 +0100 Subject: [PATCH] Replace grunt-autoprefixer with grunt-postcss + autoprefixer Closes #18068 --- Gruntfile.js | 64 ++++++++++++++++++++++++++++------------------------ package.json | 2 +- 2 files changed, 35 insertions(+), 31 deletions(-) diff --git a/Gruntfile.js b/Gruntfile.js index 7076857546..961feed9f8 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -21,6 +21,23 @@ module.exports = function (grunt) { var isTravis = require('is-travis'); var npmShrinkwrap = require('npm-shrinkwrap'); var mq4HoverShim = require('mq4-hover-shim'); + var autoprefixer = require('autoprefixer')({ + browsers: [ + 'Android 2.3', + 'Android >= 4', + 'Chrome >= 35', + 'Firefox >= 31', + // Note: Edge versions in Autoprefixer & Can I Use refer to the EdgeHTML rendering engine version, + // NOT the Edge app version shown in Edge's "About" screen. + // For example, at the time of writing, Edge 20 on an up-to-date system uses EdgeHTML 12. + // See also https://github.com/Fyrd/caniuse/issues/1928 + 'Edge >= 12', + 'Explorer >= 9', + 'iOS >= 7', + 'Opera >= 12', + 'Safari >= 7.1' + ] + }); var generateCommonJSModule = require('./grunt/bs-commonjs-generator.js'); var configBridge = grunt.file.readJSON('./grunt/configBridge.json', { encoding: 'utf8' }); @@ -215,43 +232,30 @@ module.exports = function (grunt) { }, postcss: { - options: { - map: true, - processors: [mq4HoverShim.postprocessorFor({ hoverSelectorPrefix: '.bs-true-hover ' })] - }, - core: { - src: 'dist/css/*.css' - } - }, - - autoprefixer: { - options: { - browsers: [ - 'Android 2.3', - 'Android >= 4', - 'Chrome >= 35', - 'Firefox >= 31', - // Note: Edge versions in Autoprefixer & Can I Use refer to the EdgeHTML rendering engine version, - // NOT the Edge app version shown in Edge's "About" screen. - // For example, at the time of writing, Edge 20 on an up-to-date system uses EdgeHTML 12. - // See also https://github.com/Fyrd/caniuse/issues/1928 - 'Edge >= 12', - 'Explorer >= 9', - 'iOS >= 7', - 'Opera >= 12', - 'Safari >= 7.1' - ] - }, core: { options: { - map: true + map: true, + processors: [ + mq4HoverShim.postprocessorFor({ hoverSelectorPrefix: '.bs-true-hover ' }), + autoprefixer + ] }, src: 'dist/css/*.css' }, docs: { + options: { + processors: [ + autoprefixer + ] + }, src: 'docs/assets/css/docs.min.css' }, examples: { + options: { + processors: [ + autoprefixer + ] + }, expand: true, cwd: 'docs/examples/', src: ['**/*.css'], @@ -474,7 +478,7 @@ module.exports = function (grunt) { // grunt.registerTask('sass-compile', ['sass:core', 'sass:extras', 'sass:docs']); grunt.registerTask('sass-compile', ['sass:core', 'sass:docs']); - grunt.registerTask('dist-css', ['sass-compile', 'postcss:core', 'autoprefixer:core', 'csscomb:dist', 'cssmin:core', 'cssmin:docs']); + grunt.registerTask('dist-css', ['sass-compile', 'postcss:core', 'csscomb:dist', 'cssmin:core', 'cssmin:docs']); // Full distribution task. grunt.registerTask('dist', ['clean:dist', 'dist-css', 'dist-js']); @@ -498,7 +502,7 @@ module.exports = function (grunt) { }); // Docs task. - grunt.registerTask('docs-css', ['autoprefixer:docs', 'autoprefixer:examples', 'csscomb:docs', 'csscomb:examples', 'cssmin:docs']); + grunt.registerTask('docs-css', ['postcss:docs', 'postcss:examples', 'csscomb:docs', 'csscomb:examples', 'cssmin:docs']); grunt.registerTask('docs-js', ['uglify:docsJs']); grunt.registerTask('lint-docs-js', ['jscs:assets']); grunt.registerTask('docs', ['docs-css', 'docs-js', 'lint-docs-js', 'clean:docs', 'copy:docs']); diff --git a/package.json b/package.json index c73aa25130..9db16134a6 100644 --- a/package.json +++ b/package.json @@ -28,11 +28,11 @@ }, "license": "MIT", "devDependencies": { + "autoprefixer": "^6.0.3", "babel-eslint": "^4.1.3", "btoa": "~1.1.2", "glob": "~5.0.14", "grunt": "~0.4.5", - "grunt-autoprefixer": "~3.0.3", "grunt-babel": "^5.0.3", "grunt-build-control": "~0.6.0", "grunt-contrib-clean": "~0.6.0",