node package manager
Stop wasting time. Easily manage code sharing in your team. Create a free org »

ca-webpack-config

CA Technologies Webpack configuration

Build Status codecov dependencies devDependency Status Commitizen friendly

Overview

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

Installation

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

Usage

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 
  ],
});

Demos

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>"

License

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.