Reactorone - Bundler

NPM: npm install @reactorone/bundler @reactorone/common-static --save

As shown above, @reactorone/common-static is a peer dependency - the bundler will not run properly if you don't install this alongside bundler.

Description

Bundles reactorone common static assets with store specific assets. After installing this plugin the bundler will try and automatically create a NPM 'build' script for you to use. You can run this with:

npm run ro-bundler

You should make sure your main and style attributes are set within package.json; this will be your entry point for javascript and css bundles. Example:

{
    "main": "src/js/index.js",
    "style": "src/scss/index.scss"
}

Options

jsEntryPoint Reconfigure the js entry point

cssEntryPoint Reconfigure the css entry point

watchFolders Allows you to watch additional paths outside the bundlers context.

Example: npm run ro-bundler -- --watchFolders=~@reactorone/common-static In this scenario we would also watch @reactorone/common-static for an additional changes to automatically rebuild when necessary.

Note: ~ is shorthand for node_modules

watch Watches scss and js files for any changes to rebuild bundles.

reload Live reload; as files change, automatically reload browser for js/css.

static Used to define an extra path for your bundled assets to go; this is by default set to /reactorone/static/<client-name>.

extraPath Override default path for bundled assets.

prod Production-build, compressed, minified.

split Split css bundle into multiple smaller bundles for compatibility with older browsers.

Example usage: npm run ro-bundler -- --watch --reload --static

Note that the initial -- is required to separate the npm script arguments.