ToolMatter
Your Apps in Action
Risersoft
Buy
Try
Explore
Documentation
Public
Use this form to visualize React Cosmos configuration file.
{{repoTitle.MainEntity}}
$schema
rootDir - The root directory that all others paths in this config are relative to. Usually the root of your repo. If omitted, rootDir is equal to the directory containing your Cosmos config. When you don't use a Cosmos config, rootDir defaults to the current working directory.
exportPath - Where to generate static exports on disk. [default: "cosmos-export"]
disablePlugins - Disable plugins
staticPath - Dir path to serve static assets from.
publicUrl - Base URL for static assets. [default: "/"]
fixturesDir - Name for directories that contain fixtures (eg. __fixtures__/example.jsx). [default: "__fixtures__"]
fixtureFileSuffix - Suffix for fixture files (eg. example.fixture.jsx). [default: "fixture"]
userDepsFilePath - Where to generate a file that contains a map to all fixtures and other Cosmos-related user modules. Only used in setups where Cosmos can't piggyback on the user's build (eg. React Native setups). [default: "cosmos.userdeps.js"]
port - Dev server port. [default: 5000]
https - Server will be served over HTTPS
watchDirs Directories where the Cosmos server watches for fixture files changes while running. [default: ["."]]
#
Values
Actions
{{$index+1}}.
.httpsOptions
_
httpsOptions.certPath - Path of a certificate file
httpsOptions.keyPath - Path of a certificate's key file
.httpProxy
_
globalImports Modules to be imported before loading components. Stuff like reset.css, polyfills, etc.
#
Values
Actions
{{$index+1}}.
.dom
_
dom.containerQuerySelector - Document selector for existing element to use as component parent (eg. #root). A blank container element is created from scratch if no selector is provided. [default: null]
.webpack
_
webpack.includeHashInOutputFilename - Changes output filename from "[name].js" to "[name].[contenthash].js". [default: false]
webpack.hotReload - Enable webpack's Hot Module Replacement. [default: true]
.ui
_
.ui.responsivePreview
_
ui.responsivePreview.devices List of device viewports
#
label
width
height
Actions
{{$index+1}}.
{{repoTitle.MainEntity}}
Download Json
{{message}}
ToolMatter