The Plugin

SharedLibraryWebpackPlugin

SharedLibraryWebpackPlugin is a class that implements webpack plugin functionality,

Options

libs

Description

string | SharedLibrarySearchConfig | Array<string | SharedLibrarySearchConfig>

An option that configures the search for shared libraries and the formation of a chunk name. It can be a string or SharedLibrarySearchConfig or an array of them.

Example

new SharedLibraryWebpackPlugin({
    libs: 'lodash'
});

new SharedLibraryWebpackPlugin({
    libs: '@angular/**'
});

new SharedLibraryWebpackPlugin({
    libs: ['@angular/**', 'zone.js/dist/zone']
});

new SharedLibraryWebpackPlugin({
   libs: {name: '@angular/core', chunkName: 'ng', separator: '@'}
});

namespace

Description

string

The namespace for saving exported libraries

Example

{
    namespace: "__shared_libraries__"
}

disableDefaultJsonpFunctionChange

Description

boolean

By default: false

If true jsonpFunction will be replaced with a random name

Example

{
    disableDefaultJsonpFunctionChange: false
}

SharedLibrarySearchConfig

SharedLibrarySearchConfig configures the search for sharing library and the formation of a chunk name.

pattern

Description

string

An option to search for libraries in a bundle.

Example

{
    pattern: "@angular/**"
}

name

Description

string

A name to search for a library in a bundle.

Example

{
    name: "@angular/core"
}

chunkName

Description

string

A name of a shared chunk

If a pattern exists chunkName is ignored

Example

{
    chunkName: "ng"
}

suffix

Description

string

A chunk name suffix

By default library version {major}.{minor}-{prerelease}

Example

{
    suffix: 'suffix'
}

separator

Description

string

Separator for a chunk name and suffix

Example

{
    separator: "@"
}

deps

Description

string[]

Libraries that the current one depends on.

Example

new SharedLibraryWebpackPlugin({
   libs: [
      '@angular/**', 
      {name: '@tinkoff/angular-ui', deps: ['@angular/core']}
   ]
})

usedExports

Description

string[]

The import names to be used by another application

Example

{name: '@angular/core', usedExports: ['DomSanitizer']}