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

https://github.com/xwp/undercurrent

Common tools to facilitate frontend development and testing.
https://github.com/xwp/undercurrent

build-system gulp webpack workflow

Last synced: about 1 year ago
JSON representation

Common tools to facilitate frontend development and testing.

Awesome Lists containing this project

README

          

![Undercurrent](https://raw.githubusercontent.com/xwp/artwork/master/undercurrent/banner-white-blue.jpg)

[![Build Status](https://travis-ci.com/xwp/undercurrent.svg?token=oAggoNR8iywASwLW3E52&branch=master)](https://travis-ci.com/xwp/undercurrent)

# Undercurrent

A slightly opinionated, but highly configurable build system using Gulp and Webpack for optimized frontend tooling, development and testing.

## Installation

```
yarn add -D undercurrent
```

```
npm install undercurrent --save-dev
```

## Usage

Undercurrent comes with a default schema and tasks:

- `clean`: clears the `dist` directory in the project cwd directory.
- `copy`: copies any font from `assets/fonts`;
- `images`: minifies images.
- `css`: builds CSS from SCSS using PostCSS for transformations and also provides linting using Stylelint.
- `js`: build JS using Webpack and runs ESLint and a Babel loader.
- `watch`: watches changes for `copy`, `css` and `images`.

Within the `package.json` of your project, you simply need to add a `script` to run Undercurrent:

```
cross-env NODE_ENV=development gulp --gulpfile $(npm root)/undercurrent/src/index.js --cwd $(npm prefix)
```

This script would use the default schema and workflow; however, you can write your own workflow, schema and tasks.