feat(): add excludeUnusedDependencies

Author: manucorporat

src/compiler/entries/component-bundles.ts

@@ -7,31 +7,43 @@ export function generateComponentBundles(
   config: d.Config,
   buildCtx: d.BuildCtx,
 ): d.ComponentCompilerMeta[][] {
-  let cmps = buildCtx.components;
+  const cmps = sortBy(buildCtx.components, cmp => cmp.dependants.length);
   if (config.devMode) {
-    return cmps.map(cmp => [cmp]);
+    const devCmps = (config.excludeUnusedDependencies)
+      ? filterUnusedDependencies(cmps, cmps)
+      : cmps;
+
+    return devCmps.map(cmp => [cmp]);
   }
 
   const defaultBundles = getDefaultBundles(config, buildCtx, cmps);
 
-  cmps = sortBy(cmps, cmp => cmp.dependants.length);
-
   // Visit components that are already in one of the default bundlers
   const visited = new Set();
   defaultBundles.forEach(entry => {
     entry.forEach(cmp => visited.add(cmp));
   });
 
-  const bundlers: d.ComponentCompilerMeta[][] = cmps
-    .filter(cmp => !visited.has(cmp))
-    .map(cmp => [cmp]);
+  let remainingComponents: d.ComponentCompilerMeta[] = cmps
+    .filter(cmp => !visited.has(cmp));
 
+  if (config.excludeUnusedDependencies) {
+    remainingComponents = filterUnusedDependencies(remainingComponents, cmps);
+  }
+
+  const bundlers = remainingComponents.map(c => [c]);
   return [
     ...defaultBundles,
     ...optimizeBundlers(bundlers, 0.6)
   ].filter(b => b.length > 0);
 }
 
+function filterUnusedDependencies(remainingComponents: d.ComponentCompilerMeta[], allCmps: d.ComponentCompilerMeta[]) {
+  return remainingComponents.filter(c => (
+    !c.isCollectionDependency ||
+    c.dependants.some(dep => allCmps.some(c => c.tagName === dep && !c.isCollectionDependency))
+  ));
+}
 
 function optimizeBundlers(bundles: d.ComponentCompilerMeta[][], threshold: number) {
   const cmpIndexMap = new Map<string, number>();

src/compiler/entries/resolve-component-dependencies.ts

@@ -28,7 +28,6 @@ function resolveTransitiveDependencies(cmp: d.ComponentCompilerMeta, cmps: d.Com
 
   const dependencies = cmp.potentialCmpRefs.filter(tagName => cmps.some(c => c.tagName === tagName));
   cmp.dependencies = cmp.directDependencies = dependencies;
-
   const transitiveDeps = flatOne(
     dependencies
       .map(tagName => cmps.find(c => c.tagName === tagName))

src/declarations/config.ts

@@ -182,6 +182,7 @@ export interface StencilConfig {
   tsconfig?: string;
   validateTypes?: boolean;
   watchIgnoredRegex?: RegExp;
+  excludeUnusedDependencies?: boolean;
 }
 
 export interface Config extends StencilConfig {