I have, two lib [A] and [B]. After install lib [A] into lib [B] and import one component from lib [A] always in build compile components from bouths. My question is, exist any form to compile only internal components and used lib instaled with reference to external component.
Note: I use property “excludeComponents” into angular and react target to exclude this other components but I don’t how exclude from stencil lib.
import excludeA from '@A/exclude-components';
import { angularOutputTarget} from '@stencil/angular-output-target';
import { Config } from '@stencil/core';
import { reactOutputTarget as react } from '@stencil/react-output-target';
import { sass } from '@stencil/sass';
const excludeComponents = [...excludeA];
export const config: Config = {
namespace: 'B',
outputTargets: [
{
type: 'dist',
esmLoaderPath: './loader',
},
{
type: 'dist-custom-elements',
},
{
type: 'docs-readme',
},
{
type: 'www',
serviceWorker: null, // disable service workers
},
react({
componentCorePackage: 'B',
loaderDir: 'loader',
proxiesFile: './../react-B/B/src/components/stencil-generated/index.ts',
includeDefineCustomElements: true,
excludeComponents: excludeComponents,
}),
angularOutputTarget({
componentCorePackage: 'B',
directivesProxyFile: './../angular-B/projects/B/src/libs/stencil-generated/proxies.ts',
directivesArrayFile: './../angular-B/projects/B/src/libs/stencil-generated/index.ts',
outputType: 'component',
excludeComponents: excludeComponents,
}),
],
plugins: [sass()],
};