Add global browserslist support

refs cpprefjp/site#476, cpprefjp/site#477

.babelrc

@@ -1,10 +1,7 @@
 {
   "presets": [
     ["env", {
-      "modules": false,
-      "targets": {
-        "browsers": ["last 2 versions"]
-      }
+      "modules": false
     }]
   ],
   "plugins": [

.browserslistrc

@@ -0,0 +1,12 @@
+last 2 major versions
+
+# Desktop
+# last 3 Chrome major versions
+# last 3 Firefox major versions
+# last 3 Edge major versions
+
+# Mobile
+# last 3 ChromeAndroid major versions
+# last 3 FirefoxAndroid major versions
+# last 2 iOS major versions
+

package.json

@@ -38,7 +38,7 @@
     "brfs": "^1.4.3",
     "clean-webpack-plugin": "^0.1.17",
     "css-loader": "^0.28.7",
-    "csswring": "^6.0.1",
+    "cssnano": "^3.10.0",
     "expose-loader": "^0.7.3",
     "extract-text-webpack-plugin": "^3.0.2",
     "file-loader": "^0.11.2",

postcss.config.js

@@ -15,8 +15,8 @@ module.exports = ({file, options, env}) => ({
     },
     'postcss-color-function': {},
     // 'postcss-strip-inline-comments': {},
-    // env === 'production' ? 'autoprefixer')(options.autoprefixer) : false,
-    'csswring': options.env === 'production' ? options.csswring : false,
+    'autoprefixer': {},
+    'cssnano': options.env === 'production' ? options.cssnano : false,
   },
 })
 

webpack.common.js

@@ -3,7 +3,6 @@ const URL = require('url');
 
 const webpack = require('webpack');
 const ExtractTextPlugin = require('extract-text-webpack-plugin');
-const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
 
 const PJ = require('./package.json')
 const CRS_PJ = require('crsearch/package.json')
@@ -157,7 +156,9 @@ module.exports = env => ({
                   config: {
                     ctx: {
                       env: env,
-                      csswring: {},
+                      cssnano: {
+                        autoprefixer: false,
+                      },
                     },
                   },
                 },
@@ -189,8 +190,6 @@ module.exports = env => ({
         disable: false,
         allChunks: true,
       }),
-      // new OptimizeCSSAssetsPlugin({
-      // }),
     ]
   },
 })

webpack.prod.js

@@ -1,6 +1,7 @@
 const common = require('./webpack.common.js');
 const webpack = require('webpack');
 const CleanWebpackPlugin = require('clean-webpack-plugin');
+const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
 const Merge = require('webpack-merge');
 
 module.exports = env => (Merge.multiple(common(env), {
@@ -17,5 +18,12 @@ module.exports = env => (Merge.multiple(common(env), {
       }),
     ],
   },
+  css: {
+    plugins: [
+      new OptimizeCSSAssetsPlugin({
+        canPrint: true,
+      }),
+    ],
+  },
 }))