Customizing Stenciljs build

Stencil
1

Hello everyone, everything good? I have a challenge that I can’t solve. I thought you could help me by giving me some solution ideas.

I have a project that is creating a component library and I have the basic Stencil installation in it.

It happens that when generating the Stencil build I can’t take all the files I would like to it.

The build takes all my components that are inside the src/components folder, but I have another folder called src/utils and in this folder there is a .ts file. This .ts file is not taken in the build, but I would like it to be included.

The TS file in question commented in the above paragraph is a class with export default.

I’ll leave my stencil.config.ts file below so you can see how my configuration is performed.

The big question is, how to take this .TS file that is inside the utils folder into the build as well and thus make it available to be used by other projects?

Does anyone have any ideas?

2

Hi guys, I had forgotten to activate the code from the stencil.config.ts file.
So I attach the same here.

import { Config } from '@stencil/core';
import { reactOutputTarget } from '@stencil/react-output-target';

export const config: Config = {
  namespace: 'ezui',
  testing: {
    /**
     * Gitlab CI doesn't allow sandbox, therefor this parameters must be passed to your Headless Chrome
     * before it can run your tests
     */
    browserArgs: ['--no-sandbox', '--disable-setuid-sandbox'],
    transform: {
      "^.+\\.js$": "babel-jest"
    },
    transformIgnorePatterns: [
      "node_modules/(?!(@renan|my-project|react-native-button)/)"
    ]
  },
  outputTargets: [
    reactOutputTarget({
      componentCorePackage: '@renan/ezui',
      proxiesFile: 'react-output/src/components.ts'
    }),    
    {
      type: 'dist',
      esmLoaderPath: '../loader',
    },
    {
      type: 'dist-custom-elements-bundle',
    },
    {
      type: 'docs-readme',
    },
    {
      type: 'www',
      serviceWorker: null, // disable service workers
    },
  ],
};