diff --git a/packages/stencil-library/package.json b/packages/stencil-library/package.json index df658d7..4911c78 100644 --- a/packages/stencil-library/package.json +++ b/packages/stencil-library/package.json @@ -8,21 +8,6 @@ "collection": "dist/collection/collection-manifest.json", "collection:main": "dist/collection/index.js", "unpkg": "dist/inner-growth/inner-growth.esm.js", - "exports": { - ".": { - "import": "./dist/inner-growth/inner-growth.esm.js", - "require": "./dist/inner-growth/inner-growth.cjs.js" - }, - "./my-component": { - "import": "./dist/components/my-component.js", - "types": "./dist/components/my-component.d.ts" - }, - "./loader": { - "import": "./loader/index.js", - "require": "./loader/index.cjs", - "types": "./loader/index.d.ts" - } - }, "repository": { "type": "git", "url": "https://github.com/ionic-team/stencil-component-starter.git" diff --git a/packages/stencil-library/stencil.config.ts b/packages/stencil-library/stencil.config.ts index 886d2b6..9961bff 100644 --- a/packages/stencil-library/stencil.config.ts +++ b/packages/stencil-library/stencil.config.ts @@ -3,15 +3,13 @@ import { angularOutputTarget } from '@stencil/angular-output-target'; import { sass } from '@stencil/sass'; export const config: Config = { namespace: 'inner-growth', - plugins: [ - sass() - ], + plugins: [sass()], outputTargets: [ - { type: 'dist-custom-elements', - customElementsExportBehavior: 'auto-define-custom-elements', + customElementsExportBehavior: 'single-export-module', externalRuntime: false, + dir: 'components', }, { type: 'docs-readme', @@ -20,16 +18,18 @@ export const config: Config = { type: 'www', serviceWorker: null, // disable service workers }, - + angularOutputTarget({ componentCorePackage: 'inner-growth', outputType: 'standalone', - directivesProxyFile: '../angular-workspace/projects/inner-growth-angular/src/lib/stencil-generated/components.ts', - directivesArrayFile: '../angular-workspace/projects/inner-growth-angular/src/lib/stencil-generated/index.ts', + directivesProxyFile: + '../angular-workspace/projects/inner-growth-angular/src/lib/stencil-generated/components.ts', + directivesArrayFile: + '../angular-workspace/projects/inner-growth-angular/src/lib/stencil-generated/index.ts', }), ], testing: { - browserHeadless: "new", + browserHeadless: 'new', }, - globalStyle: 'src/globals/variables.scss' + globalStyle: 'src/globals/variables.scss', };