webpack-clicknow v1.16.0

Webpack ClickNow

Webpack ClickNow simplifies the webpack configuration.

Very powerful because it comes with standard configurations for each environment and is fully configurable.

Install

npm install --save-dev webpack-clicknow

Usage

Using ClickNow Config to load default .clicknow-cli.json configuration file.

In your webpack.config.ts:

import { Configuration } from 'webpack';
import { WebpackClickNow } from 'webpack-clicknow';

const wc: WebpackClickNow = new WebpackClickNow({
    entry: {
        main: 'main.js'
    }
});
const config: Configuration = wc.compile();

export default config;

Usage direct on command line

webpack --config ./node_modules/webpack-clicknow/dist/setup.js

Note: This option automatically load configuration file .clicknow-cli.json in working directory.

Advanced usage

You can access each environment and change your configuration, this is possible because environments extends webpack-chain.

import { Configuration } from 'webpack';
import { WebpackClickNow } from 'webpack-clicknow';

const wc: WebpackClickNow = new WebpackClickNow();

// The settings for a COMMON environment
wc.webpack.bail(true);

// The settings for a DEVELOPMENT environment
wc.development.webpack.devtool("inline-source-map");

// The settings for a PRODUCTION environment
wc.production.webpack.output.path('dist');

// The settings for a TESTING environment
wc.testing.webpack.output.filename('[name].bundle.js');

const config: Configuration = wc.compile();

export default config;