Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jaid/webpack-config-jaid

Takes tiny input and returns a Webpack config in the way I personally like.
https://github.com/jaid/webpack-config-jaid

bundler compiler config options preset settings template webpack webpack-config webpack-preset

Last synced: 22 days ago
JSON representation

Takes tiny input and returns a Webpack config in the way I personally like.

Awesome Lists containing this project

README

        

# webpack-config-jaid

License Sponsor webpack-config-jaid
Build status Commits since v17.4.2 Last commit Issues
Latest version on npm Dependents Downloads

**Takes tiny input and returns a Webpack config in the way I personally like.**

#### Opinionated

:warning: This project is tailored to my personal needs and workflows and therefore highly opinionated. Feel free to use it or get inspired by it, but please do not get frustrated if you come across weird features or difficulties integrating it in your own ecosystem.

#### Pure ESM library

:information_source: This package has only ESM exports. You should `import` it from MJS files or [read more here](https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c).

## Installation

webpack-config-jaid on npm

```bash
npm install --save-dev webpack-config-jaid@^17.4.2
```

webpack-config-jaid on Yarn

```bash
yarn add --dev webpack-config-jaid@^17.4.2
```

## Usage

Main types:

Type|Example Project
---|---
adobeCep|[emote-workflow](https://github.com/Jaid/emote-workflow)
cli|[package-field-cli](https://github.com/Jaid/package-field-cli)
githubAction|[action-npm-install](https://github.com/Jaid/action-npm-install)
nodeClass|[socket-enhance](https://github.com/Jaid/socket-enhance)
nodeLib|[buffer-to-data-url](https://github.com/Jaid/buffer-to-data-url)
nodeScript|[emote-workflow/client](https://github.com/Jaid/emote-workflow/tree/master/client)
reactDomComponent|[react-modern-picture](https://github.com/jaid/react-modern-picture)
universalClass|[key-counter](https://github.com/Jaid/key-counter)
universalLib|[epoch-seconds](https://github.com/Jaid/epoch-seconds)
webapp|[letter.bar](https://github.com/Jaid/letter.bar)

Unused types:

Type|Example Project
---|---
generatorCorePlugin|
executable|
html|
node|

## Environment Variables

Following environment variables are read by webpack-config-jaid:

Name|Description
---|---
browserSync|Can be a number that will be used as port for Browser Sync.
debugWebpack|If defined, debugging files will be written to `dist` folder.
GITHUB_WORKFLOW|If defined, CI mode will be active which increases script compression rate.
NODE_ENV|Used to determine if `webpackConfig.mode` should be `"development"` or not.
TRAVIS_TAG|If defined, CI mode will be active which increases script compression rate.
webpackDevtool|Overwrites `webpackConfig.devtool` with given value.
webpackPort|Port that `webpack-dev-server` hosts the HMR app on. Same as option devPort.

## Development

Development hints for maintaining and improving webpack-config-jaid

Setting up:
```bash
git clone [email protected]:jaid/webpack-config-jaid.git
cd webpack-config-jaid
npm install
```
Testing:
```bash
npm run test:dev
```
Testing in production environment:
```bash
npm run test
```

## License
[MIT License](https://raw.githubusercontent.com/jaid/webpack-config-jaid/master/license.txt)
Copyright © 2021, Jaid \ (https://github.com/jaid)