@ng-vcl/webpack-helper NPM

webpack-helper

Extends the Angular CLI webpack config with vcl support.

Requirements / Installation

@vcl/preprocessor: ^0.6.0
css-loader: ^3.2.0
webpack-merge: ^4.2.2

npm install @vcl/preprocessor webpack-merge css-loader --save-dev

$ npm install @vcl/preprocessor webpack-merge css-loader @ng-vcl/webpack-helper --save-dev

Usage

For this example we use ngx-build-plus and webpack-merge to add vcl support to the angular cli webpack config. Check the ngx-build-plus docs for information how to use a plugin.

const webpackHelpers = require('@ng-vcl/webpack-helper');
const merge = require('webpack-merge');

module.exports.default = {
  opts: null,

  pre(builderConfig) {
    this.opts = {
      sourceMap: builderConfig.options.sourceMap, // Use settings from builder
      extractCSS: builderConfig.options.extractCss // Use settings from builder
    };
  },

  config(cfg) {
    return merge(cfg, webpackHelpers(this.opts));
  }
};