Merge pull request #266 from bregenspan/issue-255-autoprefixer

Add CSS autoprefixer (resolves #255)
webpack-contrib · Apr 15, 2019 · c90cd75 · c90cd75
2 parents 345c3f5 + 314f765
commit c90cd75
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 5 deletions.
diff --git a/.browserslistrc b/.browserslistrc
@@ -0,0 +1,5 @@
+# Supported browsers
+
+last 2 Chrome major versions
+last 2 Firefox major versions
+last 1 Safari major version
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -57,6 +57,7 @@
     "@babel/preset-react": "7.0.0",
     "@babel/register": "7.4.0",
     "@babel/runtime": "7.4.3",
+    "autoprefixer": "9.5.1",
     "babel-eslint": "10.0.1",
     "babel-loader": "8.0.5",
     "babel-plugin-lodash": "3.3.4",

diff --git a/webpack.config.js b/webpack.config.js
@@ -61,11 +61,8 @@ module.exports = opts => {
             babelrc: false,
             presets: [
               ['@babel/preset-env', {
-                targets: [
-                  'last 2 Chrome major versions',
-                  'last 2 Firefox major versions',
-                  'last 1 Safari major version'
-                ],
+                // Target browsers are specified in .browserslistrc
+
                 modules: false,
                 useBuiltIns: 'usage',
                 corejs: 2,
@@ -105,6 +102,7 @@ module.exports = opts => {
               options: {
                 plugins: compact([
                   require('postcss-icss-values'),
+                  require('autoprefixer'),
                   !isDev && require('cssnano')()
                 ])
               }