kolder
Create new projects with no build configuration.
Last updated 5 months ago by mortzmortz .
MIT · Repository · Bugs · Original npm · Tarball
$ cnpm install kolder 
SYNC missed versions from official npm registry.

tl;dr

yarn global add kolder
kolder my-project
cd my-project
yarn dev

Go to http://localhost:3000 and start coding!

Make a minified production build with yarn build.

Get Started Immediately

Tools like Webpack, Babel and ESLint are already pre-configured.
Just create a project and start to code.

Features

  • Plain. Start a project quickly.
  • Build Web Project.
  • Build Vue App.
  • Build React App.
  • Basic Styles. Optionally add basic styles.
  • Unit Testing. Optionally add AVA (only for web projects yet).

Requirements

Make sure to have NodeJS and npm installed from NodeJS Website

You can use npm if you like, but yarn would save a lot time here. So make sure to have it installed.

npm install --global yarn

Further reading on installing yarn at Yarn Installation Guide

Install

yarn global add kolder

Usage

kolder my-project

Initialize a new project in current directory

kolder

Start a quick Prototype without answering any questions

kolder my-project --type=plain

Preconfigured Settings

Editor Config

Editor should use indentation of 2 spaces.
If you want to change it, make sure to adjust ESLint settings too.

ESLint

VueJS Projects using eslint-config-vue.
Web and React Projects using eslint-config-airbnb.

Webpack Dev Server

Webpack Dev Server with Hot Reloading is already set up and can be started with yarn dev.

Module Statistics

yarn build exports two statistic files, which give you an overview about your bundles.

stats.json

Use it with Official Analyse Tool

stats.html

Shows stats with Webpack Visualizer Plugin

Babel

Babel Transpiler with following Presets:

PostCSS

Compiles your SCSS based on browserlist settings.

ENV Variable

Use environment variable to execute development only code.

if (process.env.NODE_ENV !== 'production') console.log('')

The above statement is minified away in production build.

Custom Settings

Configure Options in kolder.config.js

entry

Type: string

Path to your entry JS file

path

Type: string

Your output directory

filename

Type: string

Names of the output files

devServerPort

Type: number

Choose dev server port, default port is http://localhost:3000

devServerOpenAuto

Type: boolean

Automatically opens Browser window when starting dev server

devServerOverlay

Type boolean

Shows compiling errors as overlay

browserlist

Type: array

List of Browser used by CSS Autoprefixer. Look at Browserlist Docs for more info:

eslint

Type: object

Set Custom ESLint Rules. Find more infos in the ESLint Docs

Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 12
Dependencies (8)
Dev Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |