Update webpack environment targets (#4649)

Also: * Bump browserslist * Widen browser support matrix * Update browser typescript target to ES2018 * Bump `autoprefixer` but remove its usage as it spams the logs about it being unnecessary Signed-off-by: Miki <miki@amazon.com>
opensearch-project · Aug 3, 2023 · e867585 · e867585
1 parent bf6e887
commit e867585
Show file tree

Hide file tree

Showing 9 changed files with 86 additions and 35 deletions.
diff --git a/.browserslistrc b/.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

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -48,6 +48,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
 

diff --git a/packages/osd-babel-preset/node_preset.js b/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

diff --git a/packages/osd-babel-preset/package.json b/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"
   }
 }
diff --git a/packages/osd-babel-preset/webpack_preset.js b/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',

diff --git a/packages/osd-optimizer/postcss.config.js b/packages/osd-optimizer/postcss.config.js
@@ -29,5 +29,7 @@
  */
 
 module.exports = {
-  plugins: [require('autoprefixer')()],
+  plugins: [
+    /*require('autoprefixer')()*/
+  ],
 };
diff --git a/packages/osd-optimizer/src/integration_tests/__snapshots__/basic_optimization.test.ts.snap b/packages/osd-optimizer/src/integration_tests/__snapshots__/basic_optimization.test.ts.snap
diff --git a/tsconfig.browser.json b/tsconfig.browser.json
@@ -1,7 +1,7 @@
 {
   "extends": "./tsconfig.base.json",
   "compilerOptions": {
-    "target": "es5",
+    "target": "es2018",
     "module": "esnext",
   },
   "include": [