@itcase/config 1.0.45 → 1.0.47

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/config",
-  "version": "1.0.45",
+  "version": "1.0.47",
   "author": "ITCase",
   "description": "Config",
   "engines": {

package/postcss/index.js

@@ -92,7 +92,6 @@ export default {
     ],
     'postcss-combine-duplicated-selectors',
     'postcss-discard-duplicates',
-
     [
       'postcss-pxtorem',
       {

package/postcss/require.cjs

@@ -9,7 +9,6 @@ module.exports = {
     require('postcss-import-ext-glob'),
     require('postcss-import')({ addModulesDirectories: ['node_modules'] }),
     require('postcss-each'),
-    require('postcss-flexbugs-fixes'),
     require('postcss-convert-unit')({
       convertConfig: [
         {
@@ -25,6 +24,7 @@ module.exports = {
         },
       ],
     }),
+    require('postcss-flexbugs-fixes'),
     require('postcss-preset-env')({
       features: {
         'custom-properties': {
@@ -35,6 +35,11 @@ module.exports = {
       stage: 2,
     }),
     require('postcss-mixins'),
+    require('postcss-url')({
+      maxSize: 256,
+      url: 'inline',
+      filter: /\.(svg|png)$/,
+    }),
     require('postcss-nested-ancestors'),
     require('postcss-nested'),
     require('postcss-hexrgba'),
@@ -45,13 +50,12 @@ module.exports = {
     }),
     require('postcss-combine-duplicated-selectors'),
     require('postcss-discard-duplicates'),
-
     require('postcss-pxtorem')({
       minPixelValue: 0,
       propList: ['font', 'font-size', 'line-height', 'letter-spacing'],
       rootValue: 16,
     }),
-    require('postcss-merge-at-rules')(),
+    require('postcss-merge-at-rules'),
     require('postcss-sort-media-queries')({
       sort: 'mobile-first',
     }),

package/postcss/require.js

@@ -36,6 +36,11 @@ module.exports = {
       stage: 2,
     }),
     require('postcss-mixins'),
+    require('postcss-url')({
+      maxSize: 256,
+      url: 'inline',
+      filter: /\.(svg|png)$/,
+    }),
     require('postcss-nested-ancestors'),
     require('postcss-nested'),
     require('postcss-hexrgba'),

package/svgr/webpack.js

@@ -1,22 +1,30 @@
+/* eslint-disable perfectionist/sort-objects */
+
 const addSVGRtoWebpack = function (config) {
   // Grab the existing rule that handles SVG imports
-  const fileLoaderRule = config.module.rules.find((rule) => rule.test?.test?.('.svg'))
-  // Modify the file loader rule to ignore *.svg, since we have it handled now.
-  fileLoaderRule.exclude = /\.svg$/i
+  const fileLoaderRule = config.module.rules.find((rule) =>
+    rule.test?.test?.('.svg'),
+  )
+
+  // Add special processing rules for ".svg" files in code
   config.module.rules.push(
     // Reapply the existing rule, but only for svg imports ending in ?url
     {
       ...fileLoaderRule,
-      resourceQuery: /url/, // *.svg?url
       test: /\.svg$/i,
+      resourceQuery: /url/, // *.svg?url
     },
     // Convert all other *.svg imports to React components
     {
-      issuer: fileLoaderRule.issuer,
-      resourceQuery: { not: [...fileLoaderRule.resourceQuery.not, /url/] }, // exclude if *.svg?url
       test: /\.svg$/i,
+      resourceQuery: { not: [...fileLoaderRule.resourceQuery.not, /url/] }, // exclude if *.svg?url
+      issuer: fileLoaderRule.issuer,
       use: ['@svgr/webpack'],
     },
   )
+
+  // Modify the file loader rule to ignore *.svg, since we have it handled now.
+  fileLoaderRule.exclude = /\.svg$/i
 }
+
 export { addSVGRtoWebpack }