parcel-plugin-interpolate-env

Parcel plugin that interpolates properties in .env (and .env.* files) into all files bundled by Parcel

Installation

$ npm i -d parcel-plugin-interpolate-env

or

$ yarn add --dev parcel-plugin-interpolate-env

Attention: parcel-bundler has to be installed

Usage

This module can be used to interpolate values from .env files into files. There is no need to enable the plugin in any configuration file. Just make sure it's in your package.json as a devDependency. You have to escape the ENV with %%'s around it e.g. %%example%%.

Example

manifest.webmanifest

{
    "name": "%%NAME%%",
    "short_name": "%%SHORT_NAME%%",
    "display": "minimal-ui",
    "start_url": "%%START_URL%%",
    "scope": "/",
    "theme_color": "%%THEME_COLOR%%",
    "background_color": "%%BACKGROUND_COLOR%%"
}

.env

NAME=myapp
SHORT_NAME=My awesome app
START_URL=/
THEME_COLOR=#ff0000
BACKGROUND_COLOR=#0000ff

Use parcel like you would normally do to get an .env properties interpolated.