node package manager


CA Technologies Webpack configuration

Build Status codecov dependencies devDependency Status Commitizen friendly


Extensible configuration for Webpack projects at CA. This module is intended to be used in all CA JavaScript applications that require resource bundling.


$ npm install --save-dev webpack webpack-dev-server ca-webpack-config


Basic usage

  1. paste the following two lines of code in your webpack.config.js:
import config from 'ca-webpack-config';
export default config();
  1. Then add the build and start scripts to your package.json:
"scripts": {
  "build": "webpack -d",
  "start": "webpack-dev-server -d"
  1. Start the webpack development server from the terminal:
npm start

Custom Webpack settings

You can also fine-tune aspects of the configuration:

import config from 'ca-webpack-config';
export default config({
  sourcePath: 'src',
  outputPath: 'builds',
  hot: true,
  linting: true

Important Flags:

  • hot: (true|false) for hot reloading
  • linting: (true|false) for eslint and flow support - will use .eslintrc & .flowconfig from your project folder

Advanced usage

import config from 'ca-webpack-config';
export default config().merge({
  module: {
    loaders: [
      // Append a loader 
  plugins: [
    // Append a plugin 


How Can You Contribute

Your contributions are welcome and much appreciated. To learn more, see the Contribution Guidelines.

This project supports commitizen. You can use npm run commit to run the local instance of commitizen or git cz if you have it installed globally.

Alternatively, if you are simply using git commit, you must follow this format: git commit -m "<type>: <subject>"


Copyright (c) 2017 CA. All rights reserved. This software may be modified and distributed under the terms of the MIT license. To learn more, see the License.