From 6b37080b13b22a38d2ca6118c51bd5db1d4d2a4b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Oskar=20Sch=C3=B6ldstr=C3=B6m?= Date: Tue, 10 Jan 2017 12:21:25 -0500 Subject: [PATCH 1/2] Allow autoprefixer's browser versions to be configured --- assets/build/config.js | 1 + assets/build/webpack.config.js | 2 +- assets/config.json | 7 ++++++- 3 files changed, 8 insertions(+), 2 deletions(-) diff --git a/assets/build/config.js b/assets/build/config.js index b77763d..c1e6772 100644 --- a/assets/build/config.js +++ b/assets/build/config.js @@ -26,6 +26,7 @@ const config = mergeWithConcat({ watcher: !!argv.watch, }, watch: [], + browsers: [], }, userConfig); config.watch.push(`${path.basename(config.paths.assets)}/${config.copy}`); diff --git a/assets/build/webpack.config.js b/assets/build/webpack.config.js index 5ba816a..c3e746b 100644 --- a/assets/build/webpack.config.js +++ b/assets/build/webpack.config.js @@ -155,7 +155,7 @@ let webpackConfig = { output: { path: config.paths.dist }, context: config.paths.assets, postcss: [ - autoprefixer({ browsers: ['last 2 versions', 'android 4', 'opera 12'] }), + autoprefixer({ browsers: config.browsers }), ], }, }), diff --git a/assets/config.json b/assets/config.json index 084d143..96815a6 100644 --- a/assets/config.json +++ b/assets/config.json @@ -15,5 +15,10 @@ "publicPath": "/app/themes/sage", "devUrl": "http://example.dev", "proxyUrl": "http://localhost:3000", - "cacheBusting": "[name]_[hash:8]" + "cacheBusting": "[name]_[hash:8]", + "browsers": [ + "last 2 versions", + "android 4", + "opera 12" + ] } From f4cf20b94ff5aed6f3eea2f2ea4174db37a2c3e8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Oskar=20Sch=C3=B6ldstr=C3=B6m?= Date: Tue, 10 Jan 2017 12:22:01 -0500 Subject: [PATCH 2/2] Respect autoprefixer browsers when stripping vendor prefixes with cssnano --- assets/build/webpack.config.optimize.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/assets/build/webpack.config.optimize.js b/assets/build/webpack.config.optimize.js index 5de2720..d77c389 100644 --- a/assets/build/webpack.config.optimize.js +++ b/assets/build/webpack.config.optimize.js @@ -11,7 +11,10 @@ module.exports = { plugins: [ new OptimizeCssAssetsPlugin({ cssProcessor: cssnano, - cssProcessorOptions: { discardComments: { removeAll: true } }, + cssProcessorOptions: { + discardComments: { removeAll: true }, + autoprefixer: { browsers: config.browsers }, + }, canPrint: true, }), new ImageminPlugin({