Add watchFiles option to CSS config for improved file watching (#7562)

Author: MarchTokenda

packages/survey-creator-core/rollup.config.mjs

@@ -176,6 +176,7 @@ export default async (options) => {
       dir: buildPath,
       emitMinified: process.env.emitMinified === "true",
       version: pkg.version,
+      watchFiles: [resolve(buildPath, "survey-creator-core.fontless.css")],
       onCloseBundle: async() => {
         for (const path of [resolve(buildPath, "survey-creator-core.css"), resolve(buildPath, "survey-creator-core.min.css")]) {
           if (fs.existsSync(path)) {

rollup.helpers.mjs

@@ -244,7 +244,7 @@ export function createEsmConfig(options) {
 
 export function createCssConfig(options) {
 
-  const { input, dir, emitMinified, version, onCloseBundle } = options;
+  const { input, dir, emitMinified, version, onCloseBundle, watchFiles } = options;
 
   if (Object.keys(input).length > 1) throw Error("css config accepts only one input");
 
@@ -254,6 +254,14 @@ export function createCssConfig(options) {
     input: value,
     output: [{ file: resolve(dir, `${name}.omitted`) }],
     plugins: [
+      watchFiles && {
+        name: "watch-extra-files",
+        buildStart() {
+          for (const file of watchFiles) {
+            this.addWatchFile(file);
+          }
+        }
+      },
       rollupPostcss({
         extract: true,
         minimize: false,