Skip to content

Latest commit

 

History

History
58 lines (45 loc) · 1.85 KB

readme.md

File metadata and controls

58 lines (45 loc) · 1.85 KB
Raw

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

*