@syncrona/webpack-plugin

@syncrona/webpack-plugin

Overview

SyncroNow AI is the ServiceNow scoped-application toolchain behind the syncrona CLI. This package is one of its build plugins: register it in the rules array of your sync.config.js and syncrona build runs it over every matching file.

This plugin allows you to run Webpack on your desired files. This allows you to build frontend bundles in a more modern way or even potentially bundle server side javascript files.

Installation

npm i -D @syncrona/webpack-plugin

Options

Key	Type	Default	Description
configGenerator	(context:Sync.FileContext)=>webpack.Configuration	()=>{}	Function that can generate a webpack configuration object. A Sync.FileContext is passed in so that you can substitute options using the context
webpackConfig	webpack.Configuration	{}	Same as webpack.config.js object

Order of Configurations

• Load from closest webpack.config.js.
• Load from webpackConfig in sync.config.js and override any overlapping values.
• Run configGenerator() from configGenerator option in sync.config.js and override any overlapping values.

Example Usage

This example takes .wp.js files and bundles them with webpack by generating the options with a function

//sync.config.js
module.exports={
  rules:{
    match:/\.wp\.js$/,
    plugins:[
      name:"@syncrona/webpack-plugin",
      options:{
        configGenerator:(context)=>{
          mode:"production",
          //set name of record as the library name
          library:context.name
        }
      }
    ]
  }
};