arui-scripts 11.7.0-feat-webpack5.1 → 11.8.0-feat-webpack5.2

package/CHANGELOG.md

@@ -1,29 +1,6 @@
-# [11.7.0-feat-webpack5.1](https://github.com/alfa-laboratory/arui-scripts/compare/v11.6.5...v11.7.0-feat-webpack5.1) (2021-08-02)
+# [11.8.0-feat-webpack5.2](https://github.com/alfa-laboratory/arui-scripts/compare/v11.8.0-feat-webpack5.1...v11.8.0-feat-webpack5.2) (2021-10-21)
 
 
 ### Bug Fixes
 
-* **build:** in webpack5 maybe undefined message ([d942899](https://github.com/alfa-laboratory/arui-scripts/commit/d94289960a761d8543949f3596c6d689fe8a9fc4))
-* **configs:** node_env ([18eabca](https://github.com/alfa-laboratory/arui-scripts/commit/18eabca69563a1038ac62725f4366f0350b09b3a))
-* **dev-server:** set endline ([1dc6476](https://github.com/alfa-laboratory/arui-scripts/commit/1dc64766ed2b9b63921209e18994b1f980fd444f))
-* **hmr:** use run-script-webpack-plugin ([ef1c3bc](https://github.com/alfa-laboratory/arui-scripts/commit/ef1c3bc6f62b260af5582a20a70169355069d3a3))
-* **package.json:** add terser-webpack-plugin ([520c3f3](https://github.com/alfa-laboratory/arui-scripts/commit/520c3f3637d43a887878472815cb31d7a5df56d9))
-* **webpack.client.dev:** undefined process ([176e180](https://github.com/alfa-laboratory/arui-scripts/commit/176e180d1ac26db678c98c250bc5e648d22abb86))
-* **yarn.lock:** retry ([8e91803](https://github.com/alfa-laboratory/arui-scripts/commit/8e91803f315996eb6e0b5c534747ce24770aca5c))
-* **yarn.lock:** udpate checksum fsevents ([3a47287](https://github.com/alfa-laboratory/arui-scripts/commit/3a4728780f3c872bc4835800662d2f10272e5ae2))
-* **yarn.lock:** update ([50659c6](https://github.com/alfa-laboratory/arui-scripts/commit/50659c65ee84997cefa0168ef6912ace826252c6))
-
-
-### Features
-
-* add  pnp plugin and remove hmr ([40ec248](https://github.com/alfa-laboratory/arui-scripts/commit/40ec248acfdafce63b16093d7af0c1ef63897370))
-* clean code & add pnp-plugin ([899d4b7](https://github.com/alfa-laboratory/arui-scripts/commit/899d4b714c06fbbc0faab86579080cfde2e1726c))
-* client webpack plugins ([5f3d5fe](https://github.com/alfa-laboratory/arui-scripts/commit/5f3d5fe077f797f7826e233d16c3b368080854f2))
-* **css-minimizer-plugin:** add ([204c743](https://github.com/alfa-laboratory/arui-scripts/commit/204c743b6910d8ca75e60d3163f45f98fe615905))
-* **package.json:** update libs ([e7df2e7](https://github.com/alfa-laboratory/arui-scripts/commit/e7df2e77bef2b833e0fc0c6a9eac1edf64f92cdb))
-* **webpack:** update ([d3d7a22](https://github.com/alfa-laboratory/arui-scripts/commit/d3d7a2274d2d2c8985d3f3548a913f1fc0f84c48))
-* **webpack-dev-server:** update ([33fa3fc](https://github.com/alfa-laboratory/arui-scripts/commit/33fa3fc881951836ee636b9efb91b2ba465bbce2))
-* **webpack-dev-server:** update ([3e1590b](https://github.com/alfa-laboratory/arui-scripts/commit/3e1590babea2ad2f4f5a0ecc8370648309daefaf))
-* **webpack.client.dev:** add webpack-dev-server to entry ([b3a8bf4](https://github.com/alfa-laboratory/arui-scripts/commit/b3a8bf48d2d234e369756b2476decf3629bafe2c))
-* **webpack.client.dev:** update plugins ([77c14d8](https://github.com/alfa-laboratory/arui-scripts/commit/77c14d8b5a99cf8e8d4d43e2d9d0b8534194d87c))
-* **yarn:** install packages from sources ([0fe186b](https://github.com/alfa-laboratory/arui-scripts/commit/0fe186b31109c9df53b5586c920efab2fefe0d80))
+* **test:** added new line ([117aa8d](https://github.com/alfa-laboratory/arui-scripts/commit/117aa8d33e28f08b2e720b258be52efd66020d21))

package/build/configs/webpack.client.dev.js

@@ -14,6 +14,8 @@ const getCSSModuleLocalIdent_1 = __importDefault(require("react-dev-utils/getCSS
 const PnpWebpackPlugin = require('pnp-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
+const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
+const ReactRefreshTypeScript = require('react-refresh-typescript');
 const app_configs_1 = __importDefault(require("./app-configs"));
 const babel_client_1 = __importDefault(require("./babel-client"));
 const postcss_1 = __importDefault(require("./postcss"));
@@ -25,7 +27,6 @@ const cssModuleRegex = /\.module\.css$/;
 function getSingleEntry(clientEntry) {
     return [
         ...(Array.isArray(app_configs_1.default.clientPolyfillsEntry) ? app_configs_1.default.clientPolyfillsEntry : [app_configs_1.default.clientPolyfillsEntry]),
-        require.resolve('react-hot-loader/patch'),
         // `${require.resolve('webpack-dev-server/client')}?/`,
         require.resolve('webpack/hot/dev-server'),
         // Finally, this is your app's code:
@@ -56,9 +57,6 @@ const webpackClientDev = apply_overrides_1.default(['webpack', 'webpackClient',
             .replace(/\\/g, '/'),
     },
     resolve: {
-        alias: {
-            'react-dom': '@hot-loader/react-dom',
-        },
         // This allows you to set a fallback for where Webpack should look for modules.
         // We placed these paths second because we want `node_modules` to "win"
         // if there are any conflicts. This matches Node resolution mechanism.
@@ -118,14 +116,14 @@ const webpackClientDev = apply_overrides_1.default(['webpack', 'webpackClient',
                         test: app_configs_1.default.useTscLoader ? /\.(js|jsx|mjs)$/ : /\.(js|jsx|mjs|ts|tsx)$/,
                         include: app_configs_1.default.appSrc,
                         use: [
-                            { loader: require.resolve('react-hot-loader/webpack') },
                             {
                                 loader: require.resolve('babel-loader'),
                                 options: Object.assign({
                                     // This is a feature of `babel-loader` for webpack (not Babel itself).
                                     // It enables caching results in ./node_modules/.cache/babel-loader/
                                     // directory for faster rebuilds.
-                                    cacheDirectory: true
+                                    cacheDirectory: true,
+                                    plugins: require.resolve('react-refresh/babel')
                                 }, babel_client_1.default)
                             }
                         ]
@@ -133,19 +131,22 @@ const webpackClientDev = apply_overrides_1.default(['webpack', 'webpackClient',
                     (app_configs_1.default.tsconfig && app_configs_1.default.useTscLoader) && {
                         test: /\.tsx?$/,
                         use: [
-                            { loader: require.resolve('react-hot-loader/webpack') },
                             {
                                 loader: require.resolve('babel-loader'),
                                 options: Object.assign({
                                     // This is a feature of `babel-loader` for webpack (not Babel itself).
                                     // It enables caching results in ./node_modules/.cache/babel-loader/
                                     // directory for faster rebuilds.
-                                    cacheDirectory: true
+                                    cacheDirectory: true,
+                                    plugins: require.resolve('react-refresh/babel')
                                 }, babel_client_1.default)
                             },
                             {
                                 loader: require.resolve('ts-loader'),
                                 options: {
+                                    getCustomTransformers: () => ({
+                                        before: [ReactRefreshTypeScript()],
+                                    }),
                                     onlyCompileBundledFiles: true,
                                     transpileOnly: true,
                                     happyPackMode: true,
@@ -244,6 +245,7 @@ const webpackClientDev = apply_overrides_1.default(['webpack', 'webpackClient',
         }),
         // This is necessary to emit hot updates (currently CSS only):
         new webpack_1.default.HotModuleReplacementPlugin(),
+        new ReactRefreshWebpackPlugin(),
         // Watcher doesn't work well if you mistype casing in a path so we use
         // a plugin that prints an error when you attempt to do this.
         // See https://github.com/facebookincubator/create-react-app/issues/240

package/build/templates/nginx.conf.template.js

@@ -12,6 +12,7 @@ server {
     server_tokens off;
 
     location / {
+        proxy_set_header Host $host;
         proxy_pass http://127.0.0.1:${app_configs_1.default.serverPort};
     }