Update webpack environment targets

.browserslistrc

@@ -1,9 +1,14 @@
 [production]
-last 2 Firefox versions
-last 2 Chrome versions
-last 2 Safari versions
-> 0.25%
-not ie 11
+Firefox > 0 and last 2 years and > 0.01%
+Chrome > 0 and last 2 years and > 0.01%
+Safari > 0 and last 2 years and > 0.01%
+Edge > 0 and last 1 years and > 0.01%
+Opera > 0 and last 2 years and > 0.01%
+> 0.2%
+not op_mini all
+not and_uc < 100
+not android < 100
+not dead
 
 [dev]
 last 1 chrome versions

CHANGELOG.md

@@ -46,6 +46,7 @@ Inspired from [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 - Removes `minimatch` manual resolution ([#3019](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/3019))
 - Upgrade `vega-lite` dependency from `4.17.0` to `^5.6.0` ([#3076](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/3076)). Backwards-compatible version included in v2.5.0 release.
 - Bump `js-yaml` from `3.14.0` to `4.1.0` ([#3770](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/3770))
+- Update webpack environment targets ([#4649](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/4649))
 
 ### 🪛 Refactoring
 

packages/osd-babel-preset/node_preset.js

@@ -40,7 +40,7 @@ module.exports = (_, options = {}) => {
             // `nvm install 8 && node ./src/cli` will run OpenSearch Dashboards
             // in node version 8 and babel will stop transpiling async/await
             // because they are supported in the "current" version of node
-            node: 'current',
+            node: 14,
           },
 
           // replaces `import "core-js/stable"` with a list of require statements

packages/osd-babel-preset/package.json

@@ -19,7 +19,11 @@
     "babel-plugin-add-module-exports": "^1.0.4",
     "babel-plugin-styled-components": "^2.0.2",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
+    "browserslist": "^4.21.10",
     "react-is": "^16.8.0",
     "styled-components": "^5.3.9"
+  },
+  "devDependencies": {
+    "@types/browserslist": "^4.15.0"
   }
 }

packages/osd-babel-preset/webpack_preset.js

@@ -28,6 +28,10 @@
  * under the License.
  */
 
+const { resolve } = require('path');
+const browserlist = require('browserslist');
+const targets = browserlist.loadConfig({ path: resolve(__dirname, '../..') });
+
 module.exports = () => {
   return {
     presets: [
@@ -36,6 +40,7 @@ module.exports = () => {
         {
           useBuiltIns: 'entry',
           modules: false,
+          targets,
           // Please read the explanation for this
           // in node_preset.js
           corejs: '3.2.1',

packages/osd-optimizer/postcss.config.js

@@ -29,5 +29,7 @@
  */
 
 module.exports = {
-  plugins: [require('autoprefixer')()],
+  plugins: [
+    /*require('autoprefixer')()*/
+  ],
 };

tsconfig.browser.json

@@ -1,7 +1,7 @@
 {
   "extends": "./tsconfig.base.json",
   "compilerOptions": {
-    "target": "es5",
+    "target": "es2018",
     "module": "esnext",
   },
   "include": [