@alepop/stencil-env

The stencil env plugin

Usage no npm install needed!

<script type="module">
  import alepopStencilEnv from 'https://cdn.skypack.dev/@alepop/stencil-env';
</script>

README

@alepop/stencil-env

This package is used to use env variables from .env file in your stencil project files.

First, npm install within the project:

npm install @alepop/stencil-env --save-dev

Next, within the project's stencil.config.js file, import the plugin and add it to the plugins config.

stencil.config.ts

import { Config } from '@stencil/core';
import { env } from '@alepop/stencil-env';

export const config: Config = {
  plugins: [
      env()
  ]
};

You can additionally, pass options to the env plugin.

Add .env file in the root of your project

.env

TEST=test string

After compilation, process.env.TEST will be replaced by it variable from .env file.

Related