yarn global add kolder kolder my-project cd my-project yarn dev
http://localhost:3000 and start coding!
Make a minified production build with
Tools like Webpack, Babel and ESLint are already pre-configured.
Just create a project and start to code.
Make sure to have
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
yarn global add kolder
Initialize a new project in current directory
Start a quick Prototype without answering any questions
kolder my-project --type=plain
Editor should use indentation of 2 spaces.
If you want to change it, make sure to adjust ESLint settings too.
Webpack Dev Server with Hot Reloading is already set up and can be started with
yarn build exports two statistic files, which give you an overview about your bundles.
Use it with Official Analyse Tool
Shows stats with Webpack Visualizer Plugin
Babel Transpiler with following Presets:
Compiles your SCSS based on browserlist settings.
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.
Path to your entry JS file
Your output directory
Names of the output files
Choose dev server port, default port is
Automatically opens Browser window when starting dev server
Shows compiling errors as overlay
List of Browser used by CSS Autoprefixer. Look at Browserlist Docs for more info:
Set Custom ESLint Rules. Find more infos in the ESLint Docs