fixed autoprefixer

craco.config.js

@@ -3,21 +3,5 @@ module.exports = {
     webpack: {
         plugins: [],
     },
-    plugins: [
-        /*    {
-            plugin: CracoAntDPlugin,
-            options: {
-                lessLoaderOptions: {
-                    lessOptions: {
-                        javascriptEnabled: true,
-                    },
-                },
-                babelPluginImportOptions: {
-                    libraryName: 'antd',
-                    libraryDirectory: 'es',
-                    style: true,
-                },
-            },
-        },*/
-    ],
+    plugins: [],
 }

gulpfile.js

@@ -1,30 +1,25 @@
 const gulp = require('gulp')
 const gulpless = require('gulp-less')
-const postcss = require('gulp-postcss')
 const debug = require('gulp-debug')
 var csso = require('gulp-csso')
 const autoprefixer = require('autoprefixer')
 const NpmImportPlugin = require('less-plugin-npm-import')
 
 gulp.task('less', function () {
-    const plugins = [autoprefixer()]
-
-    return (
-        gulp
-            .src('src/styles/*-theme.less')
-            .pipe(debug({ title: 'Less files:' }))
-            .pipe(
-                gulpless({
-                    javascriptEnabled: true,
-                    plugins: [new NpmImportPlugin({ prefix: '~' })],
-                })
-            )
-            // .pipe(postcss(plugins))
-            .pipe(
-                csso({
-                    debug: true,
-                })
-            )
-            .pipe(gulp.dest('./public'))
-    )
+    return gulp
+        .src('src/styles/*-theme.less')
+        .pipe(debug({ title: 'Less files:' }))
+        .pipe(
+            gulpless({
+                javascriptEnabled: true,
+                plugins: [new NpmImportPlugin({ prefix: '~' })],
+            })
+        )
+        .pipe(autoprefixer())
+        .pipe(
+            csso({
+                debug: true,
+            })
+        )
+        .pipe(gulp.dest('./public'))
 })

package.json

@@ -69,12 +69,11 @@
         ]
     },
     "devDependencies": {
-        "autoprefixer": "^10.3.2",
+        "gulp-autoprefixer": "^10.3.2",
         "gulp": "^4.0.2",
         "gulp-csso": "^4.0.1",
         "gulp-debug": "^4.0.0",
         "gulp-less": "^5.0.0",
-        "gulp-postcss": "^9.0.0",
         "less-plugin-npm-import": "^2.1.0",
         "tslint-config-prettier": "^1.18.0"
     }

yarn.lock

@@ -2848,7 +2848,7 @@ atob@^2.1.2:
   resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
   integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
 
-autoprefixer@^10.3.2:
+autoprefixer@^10.2.6:
   version "10.3.2"
   resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.3.2.tgz#836e4b4f59eb6876c41012c1c937be74035f3ec8"
   integrity sha512-RHKq0YCvhxAn9987n0Gl6lkzLd39UKwCkUPMFE0cHhxU0SvcTjBxWG/CtkZ4/HvbqK9U5V8j03nAcGBlX3er/Q==
@@ -6094,6 +6094,18 @@ growly@^1.3.0:
   resolved "https://registry.yarnpkg.com/growly/-/growly-1.3.0.tgz#f10748cbe76af964b7c96c93c6bcc28af120c081"
   integrity sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE=
 
+gulp-autoprefixer@^10.3.2:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/gulp-autoprefixer/-/gulp-autoprefixer-8.0.0.tgz#ee2413d6cb9f7cc2f01b7d9835b46e58e326b88d"
+  integrity sha512-sVR++PIaXpa81p52dmmA/jt50bw0egmylK5mjagfgOJ8uLDGaF9tHyzvetkY9Uo0gBZUS5sVqN3kX/GlUKOyog==
+  dependencies:
+    autoprefixer "^10.2.6"
+    fancy-log "^1.3.3"
+    plugin-error "^1.0.1"
+    postcss "^8.3.0"
+    through2 "^4.0.2"
+    vinyl-sourcemaps-apply "^0.2.1"
+
 gulp-cli@^2.2.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/gulp-cli/-/gulp-cli-2.3.0.tgz#ec0d380e29e52aa45e47977f0d32e18fd161122f"
@@ -6151,16 +6163,6 @@ gulp-less@^5.0.0:
     through2 "^4.0.0"
     vinyl-sourcemaps-apply "^0.2.0"
 
-gulp-postcss@^9.0.0:
-  version "9.0.0"
-  resolved "https://registry.yarnpkg.com/gulp-postcss/-/gulp-postcss-9.0.0.tgz#2ade18809ab475dae743a88bd6501af0b04ee54e"
-  integrity sha512-5mSQ9CK8salSagrXgrVyILfEMy6I5rUGPRiR9rVjgJV9m/rwdZYUhekMr+XxDlApfc5ZdEJ8gXNZrU/TsgT5dQ==
-  dependencies:
-    fancy-log "^1.3.3"
-    plugin-error "^1.0.1"
-    postcss-load-config "^2.1.1"
-    vinyl-sourcemaps-apply "^0.2.1"
-
 gulp@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/gulp/-/gulp-4.0.2.tgz#543651070fd0f6ab0a0650c6a3e6ff5a7cb09caa"
@@ -9759,7 +9761,7 @@ postcss-lab-function@^2.0.1:
     postcss "^7.0.2"
     postcss-values-parser "^2.0.0"
 
-postcss-load-config@^2.0.0, postcss-load-config@^2.1.1:
+postcss-load-config@^2.0.0:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-2.1.2.tgz#c5ea504f2c4aef33c7359a34de3573772ad7502a"
   integrity sha512-/rDeGV6vMUo3mwJZmeHfEDvwnTKKqQ0S7OHUi/kJvvtx3aWtyWG2/0ZWnzCt2keEclwN6Tf0DST2v9kITdOKYw==
@@ -10189,7 +10191,7 @@ [email protected], postcss@^7, postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, pos
     source-map "^0.6.1"
     supports-color "^6.1.0"
 
-postcss@^8.1.0:
+postcss@^8.1.0, postcss@^8.3.0:
   version "8.3.6"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.3.6.tgz#2730dd76a97969f37f53b9a6096197be311cc4ea"
   integrity sha512-wG1cc/JhRgdqB6WHEuyLTedf3KIRuD0hG6ldkFEZNCjRxiC+3i6kkWUUbiJQayP28iwG35cEmAbe98585BYV0A==
@@ -12579,7 +12581,7 @@ through2@^2.0.0, through2@^2.0.3, through2@~2.0.0:
     readable-stream "~2.3.6"
     xtend "~4.0.1"
 
-through2@^4.0.0:
+through2@^4.0.0, through2@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/through2/-/through2-4.0.2.tgz#a7ce3ac2a7a8b0b966c80e7c49f0484c3b239764"
   integrity sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==