lpack-react

A inheritable boilerplate with webpack5, react, sass, hmr, express & SSR support

How to use ?

Create a project with https://github.com/n8tz/layer-pack,
Then add build profiles basing this package available profiles :

• www & wwwDev : A generic profile to make browser side builds
• api : A generic profile to make backend/cli builds
• Comp & CompDev : A generic profile to build stand alone es6/react libs & component
• static & staticDev : A generic profile to build stand alone app with html

Included ( among others ) :

• react ^18
• express with minimal SSR
• sass
• es6 + decorators
• react-refresh, SSR & api proxying
• react-helmet ( html header manager )

Setup

In order to install dependencies of this package use:

lpack-setup
# or lpack-setup :wantedProfile

Simple .layers.json example :

{
    "default":{
        "extend":["lpack-react"]
    },
    "www":"default", // use extends of the default profile, and www profile in lpack-react
    "wwwDev":"default",
    "api":"default"
}

• See this package .layers.json for all available profiles

Available config options :

• targetDir {String} : relative target build directory
• production {bool} : build using production mode
• extractCss {bool} : do extract css
• babelInclude {regexp string} : optional regexp to force parsing external scripts / mjs packages
• babelPreset {object} : optional options for the babelPreset loader
• TerserJSPlugin {object} : optional options for the TerserJSPlugin
• HtmlWebpackPlugin {object} : optional options for HtmlWebpackPlugin