Initial Project Commit

webpack/webpack.custom.js

@@ -0,0 +1,140 @@
+const webpack = require('webpack');
+const { merge } = require('webpack-merge');
+const path = require('path');
+const { hashElement } = require('folder-hash');
+const MergeJsonWebpackPlugin = require('merge-jsons-webpack-plugin');
+const BrowserSyncPlugin = require('browser-sync-webpack-plugin');
+const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
+const WebpackNotifierPlugin = require('webpack-notifier');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+const ESLintPlugin = require('eslint-webpack-plugin');
+
+const environment = require('./environment');
+const proxyConfig = require('./proxy.conf');
+
+module.exports = async (config, options, targetOptions) => {
+  const languagesHash = await hashElement(path.resolve(__dirname, '../src/main/webapp/i18n'), {
+    algo: 'md5',
+    encoding: 'hex',
+    files: { include: ['*.json'] },
+  });
+
+  // PLUGINS
+  if (config.mode === 'development') {
+    config.plugins.push(
+      new ESLintPlugin({
+        baseConfig: {
+          parserOptions: {
+            project: ['../tsconfig.app.json'],
+          },
+        },
+      }),
+      new WebpackNotifierPlugin({
+        title: 'Resilient',
+        contentImage: path.join(__dirname, 'logo-jhipster.png'),
+      }),
+    );
+  }
+
+  // configuring proxy for back end service
+  const tls = config.devServer?.server?.type === 'https';
+  if (config.devServer) {
+    config.devServer.proxy = proxyConfig({ tls });
+  }
+
+  if (targetOptions.target === 'serve' || config.watch) {
+    config.plugins.push(
+      new BrowserSyncPlugin(
+        {
+          host: 'localhost',
+          port: 9000,
+          https: tls,
+          proxy: {
+            target: `http${tls ? 's' : ''}://localhost:${targetOptions.target === 'serve' ? '4200' : '8081'}`,
+            ws: true,
+            proxyOptions: {
+              changeOrigin: false, //pass the Host header to the backend unchanged  https://github.com/Browsersync/browser-sync/issues/430
+            },
+          },
+          socket: {
+            clients: {
+              heartbeatTimeout: 60000,
+            },
+          },
+          /*
+          ghostMode: { // uncomment this part to disable BrowserSync ghostMode; https://github.com/jhipster/generator-jhipster/issues/11116
+            clicks: false,
+            location: false,
+            forms: false,
+            scroll: false,
+          },
+          */
+        },
+        {
+          reload: targetOptions.target === 'build', // enabled for build --watch
+        },
+      ),
+    );
+  }
+
+  if (config.mode === 'production') {
+    config.plugins.push(
+      new BundleAnalyzerPlugin({
+        analyzerMode: 'static',
+        openAnalyzer: false,
+        // Webpack statistics in temporary folder
+        reportFilename: '../../stats.html',
+      }),
+    );
+  }
+
+  const patterns = [
+    {
+      // https://github.com/swagger-api/swagger-ui/blob/v4.6.1/swagger-ui-dist-package/README.md
+      context: require('swagger-ui-dist').getAbsoluteFSPath(),
+      from: '*.{js,css,html,png}',
+      to: 'swagger-ui/',
+      globOptions: { ignore: ['**/index.html'] },
+    },
+    {
+      from: path.join(path.dirname(require.resolve('axios/package.json')), 'dist/axios.min.js'),
+      to: 'swagger-ui/',
+    },
+    { from: './src/main/webapp/swagger-ui/', to: 'swagger-ui/' },
+    // jhipster-needle-add-assets-to-webpack - JHipster will add/remove third-party resources in this array
+  ];
+
+  if (patterns.length > 0) {
+    config.plugins.push(new CopyWebpackPlugin({ patterns }));
+  }
+
+  config.plugins.push(
+    new webpack.DefinePlugin({
+      I18N_HASH: JSON.stringify(languagesHash.hash),
+      // APP_VERSION is passed as an environment variable from the Gradle / Maven build tasks.
+      __VERSION__: JSON.stringify(environment.__VERSION__),
+      __DEBUG_INFO_ENABLED__: environment.__DEBUG_INFO_ENABLED__ || config.mode === 'development',
+      // The root URL for API calls, ending with a '/' - for example: `"https://www.jhipster.tech:8081/myservice/"`.
+      // If this URL is left empty (""), then it will be relative to the current context.
+      // If you use an API server, in `prod` mode, you will need to enable CORS
+      // (see the `jhipster.cors` common JHipster property in the `application-*.yml` configurations)
+      SERVER_API_URL: JSON.stringify(environment.SERVER_API_URL),
+    }),
+    new MergeJsonWebpackPlugin({
+      output: {
+        groupBy: [
+          { pattern: './src/main/webapp/i18n/pt-pt/*.json', fileName: './i18n/pt-pt.json' },
+          { pattern: './src/main/webapp/i18n/en/*.json', fileName: './i18n/en.json' },
+          // jhipster-needle-i18n-language-webpack - JHipster will add/remove languages in this array
+        ],
+      },
+    }),
+  );
+
+  config = merge(
+    config,
+    // jhipster-needle-add-webpack-config - JHipster will add custom config
+  );
+
+  return config;
+};