feat: Add entries getters on vue and browserify plugin for fractal.

NodeSitecore · Nov 6, 2018 · 327ab29 · 327ab29
1 parent de1fa6d
commit 327ab29
Show file tree

Hide file tree

Showing 5 changed files with 102 additions and 67 deletions.
diff --git a/packages/cli-plugin-fractal/config.js b/packages/cli-plugin-fractal/config.js
@@ -15,24 +15,36 @@ module.exports = config => {
   );
 
   config.defineMethod('buildFractalBundles', env => {
-    const { entries } = config.vueCli;
+    const { entries, cleanEntriesPatterns } = config;
     const bundles = [];
     const vendors = [];
     const styles = [];
-    const cleanGlob = [...config.fractal.proxyPatterns, 'precache-manifest.**', 'service-worker.js', 'vendors.**'];
+    const cleanGlob = [...config.fractal.proxyPatterns, ...cleanEntriesPatterns];
 
     Object.keys(entries).forEach(key => {
-      const { name, mode } = entries[key];
+      const { name, mode, type, outFile } = entries[key];
 
       if (mode && mode !== env) {
         return;
       }
 
-      vendors.push(`/vendors.${name}.js`);
-      bundles.push(`/${name}.js`);
-      styles.push(`/css/${name}.css`);
+      switch (type) {
+        default:
+          break;
+        case 'vendors':
+          vendors.push(outFile);
+          break;
+        case 'scripts':
+          bundles.push(outFile);
+          break;
+        case 'styles':
+          styles.push(outFile);
+          break;
+      }
 
-      cleanGlob.push(`${name}.**`);
+      if (name && cleanGlob.indexOf(`${name}.**`) === -1) {
+        cleanGlob.push(`${name}.**`);
+      }
     });
 
     return { vendors, bundles, styles, cleanGlob };

diff --git a/packages/cli-plugin-fractal/package-lock.json b/packages/cli-plugin-fractal/package-lock.json
diff --git a/packages/cli-plugin-vue/config.js b/packages/cli-plugin-vue/config.js
@@ -58,4 +58,40 @@ module.exports = config => {
       }
     );
   });
+
+  config.defineGetter('entries', () => {
+    const { entries } = config.vueCli;
+
+    return Object.keys(entries).reduce((acc, key) => {
+      const { name, mode, paths } = entries[key];
+
+      acc.push({
+        name,
+        mode,
+        type: 'vendors',
+        outFile: `/vendors.${name}.js`,
+        paths: [...paths]
+      });
+
+      acc.push({
+        name,
+        mode,
+        type: 'scripts',
+        outFile: `/${name}.js`,
+        paths: [...paths]
+      });
+
+      acc.push({
+        name,
+        mode,
+        type: 'styles',
+        outFile: `/css/${name}.css`,
+        paths: [...paths]
+      });
+
+      return acc;
+    }, []);
+  });
+
+  config.defineGetter('cleanEntriesPatterns', () => ['precache-manifest.**', 'service-worker.js', 'vendors.**']);
 };