@epilot360/webpack-config-epilot360 2.4.0 → 2.4.3

package/lib/webpack-config-epilot360-portal.js

@@ -1,7 +1,8 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 const path = require("path");
+const fs = require("fs");
 const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
-const _HtmlWebpackPlugin = require("html-webpack-plugin");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
 const ForkTsCheckerWebpackPlugin = require("fork-ts-checker-webpack-plugin");
 const StandaloneSingleSpaPlugin = require("standalone-single-spa-webpack-plugin");
 const SystemJSPublicPathPlugin = require("systemjs-webpack-interop/SystemJSPublicPathWebpackPlugin");
@@ -14,39 +15,39 @@ module.exports = webpackConfigEpilot360ReactApp;
 
 function webpackConfigEpilot360ReactApp(opts) {
   if (typeof opts !== "object") {
-    throw Error(`webpack-config-epilot360-react requires an opts object`);
+    throw Error(`webpack-config-epilot360 requires an opts object`);
   }
 
   if (typeof opts.orgName !== "string") {
     throw Error(
-      `webpack-config-epilot360-react requires an opts.orgName string`
+      `webpack-config-epilot360 requires an opts.orgName string`
     );
   }
 
   if (typeof opts.projectName !== "string") {
     throw Error(
-      `webpack-config-epilot360-react requires an opts.projectName string`
+      `webpack-config-epilot360 requires an opts.projectName string`
     );
   }
 
-  if (opts.orgPackagesAsExternal !== false) {
-    opts.orgPackagesAsExternal = true;
-  }
-
-  let webpackConfigEnv = opts.webpackConfigEnv || {};
-
-  let argv = opts.argv || {};
+  const webpackConfigEnv = opts.webpackConfigEnv || {};
+  const argv = opts.argv || {};
+  const isProduction = argv.p || argv.mode === "production";
 
-  let isProduction = argv.p || argv.mode === "production";
-
-  let HtmlWebpackPlugin = opts.HtmlWebpackPlugin || _HtmlWebpackPlugin;
+  const indexEntrypoint = path.resolve(
+    process.cwd(),
+    'src',
+    'index.ts',
+  )
+  const legacyEntrypoint = path.resolve(
+    process.cwd(),
+    'src',
+    `${opts.orgName}-${opts.projectName}.tsx`
+  )
 
   return {
     mode: isProduction ? "production" : "development",
-    entry: path.resolve(
-      process.cwd(),
-      `src/${opts.orgName}-${opts.projectName}.tsx`
-    ),
+    entry: fs.fileExistsSync(indexEntrypoint) ? indexEntrypoint : legacyEntrypoint,
     output: {
       filename: `bundle.js`,
       libraryTarget: "system",
@@ -54,7 +55,7 @@ function webpackConfigEpilot360ReactApp(opts) {
       uniqueName: opts.projectName,
       devtoolNamespace: `${opts.projectName}`,
       publicPath: "",
-      chunkFilename: "[name].[contenthash].js",
+      chunkFilename: 'chunk-[name].[chunkhash].js',
     },
     module: {
       rules: [
@@ -83,6 +84,9 @@ function webpackConfigEpilot360ReactApp(opts) {
                 modules: false,
               },
             },
+            {
+              loader: require.resolve("postcss-loader", { paths: [__dirname] }),
+            },
             {
               loader: require.resolve('esbuild-loader', { paths: [__dirname] }),
               options: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epilot360/webpack-config-epilot360",
-  "version": "2.4.0",
+  "version": "2.4.3",
   "description": "A webpack config for in-browser modules used with single-spa for Epilot360",
   "main": "lib/webpack-config-epilot360-portal.js",
   "directories": {
@@ -17,6 +17,8 @@
     "fork-ts-checker-webpack-plugin": "^6.0.5",
     "html-webpack-plugin": "^5.1.0",
     "https-browserify": "^1.0.0",
+    "postcss": "^8.4.12",
+    "postcss-loader": "^6.2.1",
     "standalone-single-spa-webpack-plugin": "^1.1.0",
     "style-loader": "^2.0.0",
     "systemjs-webpack-interop": "^2.3.2",