Feature/enable browserslist support (#4250)

* use webpack-dev-server 4

* fix devServer

* add .browserslistrc

* use browserslist

* fix svg height for safari

Author: chenxsan

.browserslistrc

@@ -0,0 +1,2 @@
+defaults
+not ie 11

package.json

@@ -149,7 +149,7 @@
     "webpack": "^5.9.0",
     "webpack-bundle-analyzer": "^3.3.2",
     "webpack-cli": "^4.2.0",
-    "webpack-dev-server": "^3.2.1",
+    "webpack-dev-server": "^4.0.0-beta.0",
     "webpack-merge": "^5.1.4",
     "workbox-webpack-plugin": "^6.0.0"
   },

src/components/Print/Print.js

@@ -27,7 +27,7 @@ export default function Print (props) {
 
   return (
     <div className="sidebar-item sidebar-item--disabled`">
-      <BarIcon className="sidebar-item__toggle" width={15} fill="#175d96" />
+      <BarIcon className="sidebar-item__toggle" width={15} height={17} fill="#175d96" />
       <a className="sidebar-item__title sidebar-link__print"
         href={printUrl}
         rel="nofollow noopener noreferrer"

src/components/SidebarItem/SidebarItem.jsx

@@ -53,11 +53,12 @@ export default class SidebarItem extends Component {
         {anchors.length > 0 ? (
           <ChevronRightIcon
             width={15}
+            height={17}
             fill="#175d96"
             className={`${block}__toggle`}
             onClick={this._toggle.bind(this)} />
         ) : (
-          <BarIcon className={`${block}__toggle`} width={15} fill="#175d96" />
+          <BarIcon className={`${block}__toggle`} width={15} height={17} fill="#175d96" />
         )}
 
         <Link

webpack.dev.js

@@ -35,10 +35,9 @@ module.exports = env => merge(common(env), {
     })
   ],
   devServer: {
-    contentBase: path.resolve(__dirname, './dist'),
+    static: path.resolve(__dirname, './dist'),
     port: 3000,
     hot: true,
-    inline: true,
     compress: true,
     historyApiFallback: true
   }

webpack.prod.js

@@ -9,7 +9,6 @@ const common = require('./webpack.common.js');
 
 module.exports = env => merge(common(env), {
   mode: 'production',
-  target: 'web',
   cache: {
     buildDependencies: {
       config: [__filename],