arui-scripts 13.1.0-feature-yarn2.1 → 13.1.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [13.1.1](https://git.moscow.alfaintra.net/ef/arui-scripts/compare/v13.1.0...v13.1.1) (2022-08-05)
+
+
+### Performance Improvements
+
+* **webpack-dev:** add caching ([ed76817](https://git.moscow.alfaintra.net/ef/arui-scripts/commit/ed7681710130e6d0716114b11c5b698a15eb4b45))
+
+# [13.1.0](https://git.moscow.alfaintra.net/ef/arui-scripts/compare/v13.0.0...v13.1.0) (2022-08-05)
+
+
+### Features
+
+* add yarn 2 support ([5d4bb8c](https://git.moscow.alfaintra.net/ef/arui-scripts/commit/5d4bb8c5e4debb3d0db430c094effbedd9b7bcc3))
+
 # [13.1.0-feature-yarn2.1](https://git.moscow.alfaintra.net/ef/arui-scripts/compare/v13.0.0...v13.1.0-feature-yarn2.1) (2022-08-04)
 
 

package/README.md

@@ -451,6 +451,20 @@ require node.js на таких местах ломается. Поэтому н
 воспользоваться механизмом `overrides`, описанным ниже.
 По умолчанию же все не-js файлы из внешних модулей будут проигнорированы.
 
+Кеширование билда
+---
+В dev сборке для сервера и клиента настроено кеширование. Оно должно нормально работать когда вы просто работаете
+над проектом - меняете ваш код, ставите новые зависимости и тд.
+
+Но когда вы руками меняете код внутри node_modules - вы не сможете увидеть ваши изменения, так как webpack будет
+использовать данные из кеша. Для того чтобы ваши изменения применились в сборке вам необходимо очистить кеш
+webpack и перезапустить сборку. Кеши хранятся в папке `.cache` внутри `node_modules` вашего проекта.
+
+```
+rm -rf ./node_modules/.cache
+```
+
+
 Анализ бандла
 ---
 Для изучения итогового бандла приложения и просмотра его размеров и включенных файлов в arui-scripts есть команда

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

@@ -9,11 +9,9 @@ const case_sensitive_paths_webpack_plugin_1 = __importDefault(require("case-sens
 const fork_ts_checker_webpack_plugin_1 = __importDefault(require("fork-ts-checker-webpack-plugin"));
 const assets_webpack_plugin_1 = __importDefault(require("assets-webpack-plugin"));
 const tsconfig_paths_webpack_plugin_1 = __importDefault(require("tsconfig-paths-webpack-plugin"));
-const WatchMissingNodeModulesPlugin_1 = __importDefault(require("react-dev-utils/WatchMissingNodeModulesPlugin"));
 const getCSSModuleLocalIdent_1 = __importDefault(require("react-dev-utils/getCSSModuleLocalIdent"));
 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"));
@@ -81,6 +79,12 @@ const webpackClientDev = apply_overrides_1.default(['webpack', 'webpackClient',
             PnpWebpackPlugin.moduleLoader(module),
         ],
     },
+    cache: {
+        type: 'filesystem',
+        buildDependencies: {
+            config: [__filename],
+        },
+    },
     module: {
         // typescript interface will be removed from modules, and we will get an error on correct code
         // see https://github.com/webpack/webpack/issues/7378
@@ -138,6 +142,7 @@ const webpackClientDev = apply_overrides_1.default(['webpack', 'webpackClient',
                                     // It enables caching results in ./node_modules/.cache/babel-loader/
                                     // directory for faster rebuilds.
                                     cacheDirectory: true,
+                                    cacheCompression: false,
                                     plugins: require.resolve('react-refresh/babel')
                                 }, babel_client_1.default)
                             },
@@ -254,17 +259,6 @@ const webpackClientDev = apply_overrides_1.default(['webpack', 'webpackClient',
         // a plugin that prints an error when you attempt to do this.
         // See https://github.com/facebookincubator/create-react-app/issues/240
         new case_sensitive_paths_webpack_plugin_1.default(),
-        // If you require a missing module and then `npm install` it, you still have
-        // to restart the development server for Webpack to discover it. This plugin
-        // makes the discovery automatic so you don't have to restart.
-        // See https://github.com/facebookincubator/create-react-app/issues/186
-        new WatchMissingNodeModulesPlugin_1.default(app_configs_1.default.appNodeModules),
-        // new CopyWebpackPlugin([
-        //     {
-        //         from: configs.staticFilesLocation,
-        //         to: configs.clientOutputPath
-        //     }
-        // ])
         app_configs_1.default.tsconfig !== null && new fork_ts_checker_webpack_plugin_1.default(),
         new MiniCssExtractPlugin(),
     ].filter(Boolean)),
@@ -275,34 +269,16 @@ const webpackClientDev = apply_overrides_1.default(['webpack', 'webpackClient',
         hints: false,
     },
     optimization: {
-        minimize: true,
+        minimize: false,
         nodeEnv: false,
-        minimizer: [
-            new CssMinimizerPlugin({
-                minimizerOptions: {
-                    processorOptions: {
-                        map: {
-                            // `inline: false` generates the source map in a separate file.
-                            // Otherwise, the CSS file is needlessly large.
-                            inline: false,
-                            // `annotation: false` skips appending the `sourceMappingURL`
-                            // to the end of the CSS file. Webpack already handles this.
-                            annotation: false,
-                        },
-                    },
-                    preset: () => ({
-                        plugins: [
-                            // eslint-disable-next-line global-require
-                            require('postcss-discard-duplicates'),
-                        ],
-                    }),
-                },
-            }),
-        ],
+        // Оптимизации времени билда, см https://webpack.js.org/guides/build-performance/
+        removeAvailableModules: false,
+        removeEmptyChunks: false,
+        splitChunks: false
     },
     // Без этого комиляция трирегилась на изменение в node_modules и приводила к утечке памяти
     watchOptions: {
-        ignored: '**/node_modules',
+        ignored: /node_modules/,
     }
 });
 exports.default = webpackClientDev;

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

@@ -53,6 +53,13 @@ const config = {
             .relative(app_configs_1.default.appSrc, info.absoluteResourcePath)
             .replace(/\\/g, '/'),
     },
+    cache: {
+        type: 'filesystem',
+        name: 'server',
+        buildDependencies: {
+            config: [__filename],
+        },
+    },
     externalsPresets: { node: true },
     externals: [webpack_node_externals_1.default({
             allowlist: [
@@ -217,6 +224,9 @@ const config = {
     performance: {
         hints: false,
     },
+    watchOptions: {
+        ignored: /node_modules/,
+    }
 };
 const webpackServerDev = apply_overrides_1.default(['webpack', 'webpackServer', 'webpackDev', 'webpackServerDev'], config);
 exports.default = webpackServerDev;

package/build/tsconfig-local.tsbuildinfo

@@ -1311,13 +1311,8 @@
         "signature": "a36125690b0197836e27f150c6848c40aeca31d692b7b3f58ac2fb9d9fce28b5",
         "affectsGlobalScope": false
       },
-      "../../../.yarn/cache/@types-react-dev-utils-npm-9.0.8-14221814bb-d7b6cdc89a.zip/node_modules/@types/react-dev-utils/WatchMissingNodeModulesPlugin.d.ts": {
-        "version": "c4ecf6cf29e03d5b9947d634f72561d87a6c16e0081933b759f9eb97c81c305a",
-        "signature": "c4ecf6cf29e03d5b9947d634f72561d87a6c16e0081933b759f9eb97c81c305a",
-        "affectsGlobalScope": false
-      },
       "../src/configs/webpack.client.dev.ts": {
-        "version": "b0faf6fe2b3727ce933e8f061febf434270230d6a0e329b851373b9c6053ce7f",
+        "version": "ab613f3f0228e6654c545b4e0976ce30a7ff265ef978a70452e64ef253d71928",
         "signature": "bf4cb593d7c7ac6097823d647f70fdf078e1b8175693cf9e24537625e3e69fa0",
         "affectsGlobalScope": false
       },
@@ -1341,8 +1336,13 @@
         "signature": "735d19ae41bbcd78b654d84c5bbd2474472cc20b5299aaeabb0b096cdd05a59d",
         "affectsGlobalScope": false
       },
+      "../../../.yarn/cache/@types-react-dev-utils-npm-9.0.8-14221814bb-d7b6cdc89a.zip/node_modules/@types/react-dev-utils/WatchMissingNodeModulesPlugin.d.ts": {
+        "version": "c4ecf6cf29e03d5b9947d634f72561d87a6c16e0081933b759f9eb97c81c305a",
+        "signature": "c4ecf6cf29e03d5b9947d634f72561d87a6c16e0081933b759f9eb97c81c305a",
+        "affectsGlobalScope": false
+      },
       "../src/configs/webpack.server.dev.ts": {
-        "version": "0597234884dd74415bee23d36364cc4151225e8d0dae8bfd7de6f026733e1aec",
+        "version": "bac57268e464424a7c9ac90ea88623edf45792a6cc2ca60ca8e8966fbe03e2e3",
         "signature": "4289eb8081c31f5b009209c36c04417fd4a0f39c5740422650d076d059d0a5d3",
         "affectsGlobalScope": false
       },
@@ -5568,7 +5568,6 @@
         "../../../.yarn/cache/@types-node-npm-12.12.58-b4a5c5f701-2e86ae45c7.zip/node_modules/@types/node/ts3.1/util.d.ts",
         "../../../.yarn/cache/@types-node-npm-12.12.58-b4a5c5f701-2e86ae45c7.zip/node_modules/@types/node/ts3.3/fs.d.ts",
         "../../../.yarn/cache/@types-node-npm-12.12.58-b4a5c5f701-2e86ae45c7.zip/node_modules/@types/node/ts3.3/util.d.ts",
-        "../../../.yarn/cache/@types-react-dev-utils-npm-9.0.8-14221814bb-d7b6cdc89a.zip/node_modules/@types/react-dev-utils/WatchMissingNodeModulesPlugin.d.ts",
         "../../../.yarn/cache/@types-react-dev-utils-npm-9.0.8-14221814bb-d7b6cdc89a.zip/node_modules/@types/react-dev-utils/getCSSModuleLocalIdent.d.ts",
         "../../../.yarn/cache/tsconfig-paths-webpack-plugin-npm-3.5.1-f1a5ca3b27-86a58fc9ab.zip/node_modules/tsconfig-paths-webpack-plugin/lib/index.d.ts",
         "../src/configs/app-configs/index.ts",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "arui-scripts",
-    "version": "13.1.0-feature-yarn2.1",
+    "version": "13.1.1",
     "main": "./build/index.js",
     "typings": "./build/index.d.ts",
     "license": "MPL-2.0",