improve code

local/config/src/playwright.js

@@ -6,7 +6,7 @@ module.exports = {
   actionTimeout: 300,
   navigationTimeout: 1000,
   retries: 0,
-  workers: 1,
+  workers: 4,
   projects: [
     {
       name: 'Chromium',

local/config/src/resolve.json

@@ -1,4 +1,5 @@
 {
   "extensions": [".json", ".js", "jsx", ".mjs", ".ts", ".tsx"],
-  "directories": ["node_modules", "src"]
+  "directories": ["node_modules", "src"],
+  "styleExtensions": [".scss", ".sass", ".css"]
 }

local/rollup/src/pipeline.build.js

@@ -69,7 +69,7 @@ module.exports = (resolve, options) => {
         plugins: [
           rollupLicense(banner, sourcemap),
           rollupAlias(alias),
-          rollupScss(banner, sourcemap, extractStyles, false),
+          rollupScss(resolve, sourcemap, extractStyles, false),
           rollupTs(input),
           rollupResolve(resolve),
           rollupCommonjs(sourcemap, resolve),

local/rollup/src/pipeline.common.plugins.js

@@ -1,6 +1,7 @@
 const path = require('path');
 const sass = require('sass');
 const postcss = require('postcss');
+const cssnano = require('cssnano');
 const autoprefixer = require('autoprefixer');
 const { nodeResolve: rollupPluginResolve } = require('@rollup/plugin-node-resolve');
 const { babel: rollupBabelInputPlugin } = require('@rollup/plugin-babel');
@@ -27,15 +28,16 @@ module.exports = {
       sourceMap: sourcemap,
       extensions: resolve.extensions,
     }),
-  rollupResolve: (resolve) =>
+  rollupResolve: (resolve, resolveOnly) =>
     rollupPluginResolve({
       mainFields: ['browser', 'umd:main', 'module', 'main'],
       moduleDirectories: resolve.directories,
       extensions: resolve.extensions,
       ignoreSideEffectsForRoot: true,
+      ...(resolveOnly ? { resolveOnly } : {}),
     }),
-  rollupScss: (banner, sourceMap, extractStyleOption, output) => {
-    if (extractStyleOption) {
+  rollupScss: (resolve, sourceMap, extract, output, banner, minified) => {
+    if (extract) {
       return output
         ? rollupPluginScss({
             output,
@@ -49,10 +51,10 @@ module.exports = {
                   .map((line) => ` * ${line}\r\n`)
                   .join('')} */`
               : undefined,
-            processor: () => postcss([autoprefixer()]),
+            processor: () => postcss([autoprefixer()].concat(minified ? cssnano() : [])),
           })
         : rollupPluginIgnoreImport({
-            extensions: ['.scss', '.sass', '.css'],
+            extensions: resolve.styleExtensions,
             body: 'export default undefined;',
           });
     }
@@ -61,7 +63,6 @@ module.exports = {
     rollupPluginEsBuild({
       include: /\.[jt]sx?$/,
       target: 'es6',
-      tsconfig: './tsconfig.json',
     }),
   rollupBabel: (resolve, es6) =>
     rollupBabelInputPlugin({

local/rollup/src/pipeline.dev.js

@@ -8,7 +8,7 @@ const {
 } = require('./pipeline.common.plugins');
 
 module.exports = (resolve, options) => {
-  const { rollup, paths, alias, extractStyles, banner } = options;
+  const { rollup, paths, alias, extractStyles } = options;
   const { output: rollupOutput, input, plugins = [], ...rollupOptions } = rollup;
   const { file, sourcemap: rawSourcemap, ...outputConfig } = rollupOutput;
   const { dist: distPath } = paths;
@@ -28,7 +28,7 @@ module.exports = (resolve, options) => {
     ...rollupOptions,
     plugins: [
       rollupAlias(alias),
-      rollupScss(banner, sourcemap, extractStyles, false),
+      rollupScss(resolve, sourcemap, extractStyles, false),
       rollupEsBuild(),
       rollupCommonjs(sourcemap, resolve),
       rollupResolve(resolve),

local/rollup/src/pipeline.styles.js

@@ -2,26 +2,33 @@ const path = require('path');
 const {
   rollupAlias,
   rollupResolve,
-  rollupCommonjs,
   rollupScss,
-  rollupTs,
+  rollupEsBuild,
 } = require('./pipeline.common.plugins');
 
 module.exports = (resolve, options) => {
-  const { rollup, alias, paths, banner } = options;
+  const { rollup, alias, paths, banner, extractStyles } = options;
   const { output: rollupOutput, input } = rollup;
   const { file, sourcemap } = rollupOutput;
   const { styles: stylesPath } = paths;
   const ogWrite = process.stdout.write;
 
-  return {
+  const pipeline = (cssFilename, minified) => ({
     input,
     plugins: [
       rollupAlias(alias),
-      rollupScss(banner, sourcemap, true, path.resolve(stylesPath, `${file}.css`)),
-      rollupTs(input),
-      rollupResolve(resolve),
-      rollupCommonjs(sourcemap, resolve),
+      rollupScss(
+        resolve,
+        sourcemap && !minified,
+        extractStyles,
+        path.resolve(stylesPath, cssFilename),
+        banner,
+        minified
+      ),
+      rollupEsBuild(),
+      rollupResolve(resolve, (module) =>
+        resolve.styleExtensions.some((ext) => module.endsWith(ext))
+      ),
       {
         generateBundle() {
           process.stdout.write = () => {
@@ -33,5 +40,7 @@ module.exports = (resolve, options) => {
         },
       },
     ],
-  };
+  });
+
+  return [pipeline(`${file}.css`), pipeline(`${file}.min.css`, true)];
 };