Configuring

There are two levels of configuration, top level found under package.json and build level found under build/guide/..

Package.json

The configuration options found at the top level package.json is to hoist up common configs up to the root of the project for easier implementation into larger build systems such as a CMS. The package.json config options get sent down to the build level configs.

directories

• dest = The location to where our production builds will be output too.
• source = The location where our source files live.
• assetPath = The path for all bundled assets to be placed in under dest
• publicPath = Production path injection to be included in all paths in the source of all bundled files

server

• port = The port to which webpack-dev-server should be ran while running a dev build. (8080 is default)
• host = The host name to which webpack-dev-server should be ran as while running a dev build (localhost is default)
• allowedHosts = Array of host names or IP addresses to which should have access to your locally running dev build.

tools

• icons = The ability to exclude icons tool from production builds.
• colors = The ability to exclude colors tool from production builds.
• metrics = The ability to exclude performance tool from production builds.
• typography = The ability to see / test fonts and common typography patterns.

Build/Configs/...

The configuration files found under the build/configs/ directories are the core configuration files for Unslated. They are broken down by process type or framework specific.

Framework specific

• build/config/webpack.config.js = Unslated's main config file that combines and conditions the proceeding config files
• build/config/server.config.js = All webpack-dev-server related configs
• build/config/alias.config.js = All import alias path resolve configs
• build/config/stats.config.js = All terminal build stat configs

Process type specific

• build/config/js/js.config.js = All JS bundle type configs
• build/config/css/css.config.js = All CSS bundle type configs
• build/config/img/img.config.js = All image bundle type configs
• build/config/font/font.config.js = All font bundle type configs
• build/config/html/html.config.js = All HTML bundle type configs

NOTE: Process types such as CSS and JS have additional files within their respective directories; files related that process type.