gulp: Move viewjs rollup to postcss

gulpfile.babel.js

@@ -10,7 +10,7 @@ import buffer from 'vinyl-buffer';
 import commonjs from '@rollup/plugin-commonjs';
 import resolve from '@rollup/plugin-node-resolve';
 import eslint from '@rollup/plugin-eslint';
-import rollupCss from 'rollup-plugin-css-porter';
+import postcssPlugin from 'rollup-plugin-postcss';
 import gulpif from 'gulp-if';
 import uglify from 'gulp-uglify';
 import gulpsass from 'gulp-dart-sass'; // TODO: move to gulp-sass once they removed the node-sass depenency
@@ -100,8 +100,10 @@ files.forEach(function(target)
 			name: path.basename(target),
 			sourcemap: 'inline',
 		},
-		plugins: [resolve(), rollupCss({
+		plugins: [resolve(), postcssPlugin({
-			dest: './public/css/viewcss/' + path.basename(target).replace(".js", ".css")
+			extract: path.resolve('./public/css/viewcss/' + path.basename(target).replace(".js", ".css")),
+			minimize: minify,
+			plugins: [autoprefixer()]
 		}), commonjs(), eslint(view_eslint_config)],
 
 	})
@@ -122,8 +124,10 @@ components.forEach(function(target)
 			name: path.basename(target),
 			sourcemap: 'inline',
 		},
-		plugins: [resolve(), rollupCss({
+		plugins: [resolve(), postcssPlugin({
-			dest: './public/css/components/' + path.basename(target).replace(".js", ".css")
+			extract: path.resolve('./public/css/components/' + path.basename(target).replace(".js", ".css")),
+			minimize: minify,
+			plugins: [autoprefixer()]
 		}), commonjs(), eslint(view_eslint_config)],
 	})
 		.pipe(source(path.basename(target), "./js/viewjs/components"))

package.json

@@ -65,7 +65,7 @@
 		"node-sass-tilde-importer": "^1.0.2",
 		"postcss": "^8.3.4",
 		"rollup": "^2.52.1",
-		"rollup-plugin-css-porter": "^1.0.2",
+		"rollup-plugin-postcss": "^4.0.0",
 		"vinyl-buffer": "^1.0.1",
 		"vinyl-source-stream": "^2.0.0"
 	},