@gravity-ui/app-builder 0.13.0 → 0.13.1

package/dist/common/webpack/config.js

@@ -308,22 +308,23 @@ function createWorkerRule(options) {
     };
 }
 function createSassStylesRule(options) {
-    const loaders = getCssLoaders(options);
-    loaders.push({
-        loader: require.resolve('resolve-url-loader'),
-        options: {
-            sourceMap: !options.config.disableSourceMapGeneration,
+    const loaders = getCssLoaders(options, [
+        {
+            loader: require.resolve('resolve-url-loader'),
+            options: {
+                sourceMap: !options.config.disableSourceMapGeneration,
+            },
         },
-    });
-    loaders.push({
-        loader: require.resolve('sass-loader'),
-        options: {
-            sourceMap: true, // must be always true for work with resolve-url-loader
-            sassOptions: {
-                loadPaths: [paths_1.default.appClient],
+        {
+            loader: require.resolve('sass-loader'),
+            options: {
+                sourceMap: true, // must be always true for work with resolve-url-loader
+                sassOptions: {
+                    loadPaths: [paths_1.default.appClient],
+                },
             },
         },
-    });
+    ]);
     return {
         test: /\.scss$/,
         sideEffects: options.isEnvProduction ? true : undefined,
@@ -338,22 +339,32 @@ function createStylesRule(options) {
         use: loaders,
     };
 }
-function getCssLoaders({ isEnvDevelopment, isEnvProduction, config }) {
+function getCssLoaders({ isEnvDevelopment, isEnvProduction, config }, additionalRules) {
     const loaders = [];
-    if (isEnvProduction) {
-        loaders.push(mini_css_extract_plugin_1.default.loader);
-    }
-    if (isEnvDevelopment) {
+    if (!config.transformCssWithLightningCss) {
         loaders.push({
-            loader: require.resolve('style-loader'),
+            loader: require.resolve('postcss-loader'),
+            options: {
+                sourceMap: !config.disableSourceMapGeneration,
+                postcssOptions: {
+                    config: false,
+                    plugins: [
+                        [require.resolve('postcss-preset-env'), { enableClientSidePolyfills: false }],
+                    ],
+                },
+            },
         });
     }
-    loaders.push({
+    if (Array.isArray(additionalRules) && additionalRules.length > 0) {
+        loaders.push(...additionalRules);
+    }
+    const importLoaders = loaders.length;
+    loaders.unshift({
         loader: require.resolve('css-loader'),
         options: {
             esModule: false,
             sourceMap: !config.disableSourceMapGeneration,
-            importLoaders: 2,
+            importLoaders,
             modules: {
                 auto: true,
                 localIdentName: '[name]__[local]--[hash:base64:5]',
@@ -361,18 +372,12 @@ function getCssLoaders({ isEnvDevelopment, isEnvProduction, config }) {
             },
         },
     });
-    if (!config.transformCssWithLightningCss) {
-        loaders.push({
-            loader: require.resolve('postcss-loader'),
-            options: {
-                sourceMap: !config.disableSourceMapGeneration,
-                postcssOptions: {
-                    config: false,
-                    plugins: [
-                        [require.resolve('postcss-preset-env'), { enableClientSidePolyfills: false }],
-                    ],
-                },
-            },
+    if (isEnvProduction) {
+        loaders.unshift(mini_css_extract_plugin_1.default.loader);
+    }
+    if (isEnvDevelopment) {
+        loaders.unshift({
+            loader: require.resolve('style-loader'),
         });
     }
     return loaders;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/app-builder",
-  "version": "0.13.0",
+  "version": "0.13.1",
   "description": "Develop and build your React client-server projects, powered by typescript and webpack",
   "license": "MIT",
   "type": "commonjs",