build(webpack): sw-1781 platform compile packages (#1248)

.gitignore

@@ -32,3 +32,4 @@ public/locales/*.json
 .proxy
 .docs
 .openapi
+.cache

babel.config.js

@@ -7,6 +7,5 @@ module.exports = {
     (NODE_ENV === 'development' && browserslist?.development?.join(', ')) ||
     browserslist?.production?.join(', ') ||
     'entry',
-  presets: ['@babel/preset-env', '@babel/preset-react'],
-  plugins: ['@babel/plugin-transform-runtime']
+  presets: ['@babel/preset-env', '@babel/preset-react']
 };

config/webpack.dev.config.js

@@ -1,11 +1,24 @@
-const { EslintWebpackPlugin, MiniCssExtractPlugin } = require('weldable/lib/packages');
+const {
+  // babelLoaderResolve,
+  cssLoaderResolve,
+  sassLoaderResolve,
+  tsLoaderResolve,
+  EslintWebpackPlugin,
+  MiniCssExtractPlugin
+} = require('weldable/lib/packages');
 
-module.exports = ({ _BUILD_SRC: SRC_DIR } = {}) => ({
+module.exports = ({ SRC_DIR } = {}) => ({
   module: {
     rules: [
+      {
+        test: /\.(jsx|js)?$/,
+        include: [SRC_DIR],
+        // use: [babelLoaderResolve]
+        use: [tsLoaderResolve]
+      },
       {
         test: /\.(sa|sc)ss$/i,
-        use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader']
+        use: [MiniCssExtractPlugin.loader, cssLoaderResolve, sassLoaderResolve]
       }
     ]
   },

fec.config.js

@@ -0,0 +1,46 @@
+const path = require('path');
+const { webpack, CopyWebpackPlugin } = require('weldable/lib/packages');
+const { dotenv } = require('weldable');
+
+const {
+  // DEV_BRANCH,
+  _BUILD_DIST_DIR: DIST_DIR,
+  _BUILD_STATIC_DIR: STATIC_DIR,
+  HOT: _INSIGHTS_HOT,
+  PROXY_VERBOSE: _INSIGHTS_PROXY_VERBOSE,
+  REACT_APP_ENV: DOTENV_ENV
+} = dotenv.setupDotenvFilesForEnv({ env: (process.env.NODE_ENV === 'development' && 'proxy') || process.env.NODE_ENV });
+
+module.exports = {
+  appUrl: '/subscriptions/usage',
+  debug: true,
+  // env: (/(prod|stage|qa|ci)(-stable|-beta)$/.test(DEV_BRANCH) && DEV_BRANCH) || 'stage-stable',
+  useProxy: true,
+  proxyVerbose: _INSIGHTS_PROXY_VERBOSE === 'true',
+  interceptChromeConfig: false,
+  plugins: [
+    new webpack.IgnorePlugin({ resourceRegExp: /\.(md)$/ }),
+    ...dotenv.setupWebpackDotenvFilesForEnv({ env: DOTENV_ENV }),
+    new CopyWebpackPlugin({
+      patterns: [{ from: path.join(STATIC_DIR, 'locales'), to: path.join(DIST_DIR, 'locales'), noErrorOnMissing: true }]
+    })
+  ],
+  ...(() => {
+    if (_INSIGHTS_HOT === 'true') {
+      return { _unstableHotReload: true };
+    }
+    return undefined;
+  })(),
+  moduleFederation: {
+    exclude: ['react-router-dom'],
+    shared: [
+      {
+        'react-router-dom': {
+          singleton: true,
+          import: false,
+          version: '^6.3.0'
+        }
+      }
+    ]
+  }
+};