@syncrona/webpack-plugin

@syncrona/webpack-plugin

Overview

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