Configuration

Configuration

The output can be controlled using a config file named wfr.config.js which should be located in the root of the project. The config file may (or may not) include some of the following options:

• prefetch (boolean) - Prefetch the styles and scripts which are necessary for the design to work. If not specified, the scripts and styles will be fetched during runtime.

• source (source) - Can either be set to webflow, sketch and represents the studio name that generated the basic CSS and HTML assets.

• input (string) - The input dir for the Webflow exported files. Defaults to .webflow dir in the root of the project.

• output (string/object) - If a string was provided, the output will be mapped to the specified dir. If an object, each key in the object will map its asset type to the specified dir in the value. The object has the following schema:

  • public (string) - Public dir. Defaults to public.
  • src (string/object) - Source dir. If a string is provided, all its content will be mapped to the specified dir, otherwise the mapping will be done according to the following object:
    • scripts (string) - Scripts dir. Defaults to src/scripts.
    • styles (string) - Scripts dir. Defaults to src/styles.
    • views (string) - Scripts dir. Defaults to src/views.

Alternatively, you may provide (extra) options through the command line like the following:

$ webflow-react [...options]

Command Options

Webflow React supports the following CLI options:

• --prefetch
• --source/--src
• --input/--in
• --output/--out
• --config