webpack-dotenv-plugin
Version:
Use dotenv with webpack.
43 lines (31 loc) • 994 B
Markdown
Use dotenv with webpack.
[`dotenv`](https://github.com/bkeepers/dotenv) is a fantastic and useful way to
manage environment variables. I wanted to keep the good times going when
working with webpack for frontend projects.
```
npm i --save-dev webpack-dotenv-plugin
```
`webpack-dotenv-plugin` uses [`dotenv-safe`](https://github.com/rolodato/dotenv-safe)
under the hood to read and check environment variables. The same options that
can be passed to `dotenv-safe` can be passed to this plugin.
It then reads, parses and exports the listed env vars from `.env` into
stringified `process.env` so it can be bundled for use with webpack.
Externally set environment variables will override vars set in `.env`.
```js
// webpack.config.js
const DotenvPlugin = require('webpack-dotenv-plugin');
module.exports = {
...
plugins: [
new DotenvPlugin({
sample: './.env.default',
path: './.env'
})
]
...
};
```