dev - API Reference

API Reference

Tutorial Docs Community Website

Search…

Introduction

dev

Starts a development server.
1
npx frontity dev [options]
Copied!
Arguments
[options]
Option
Description
​--production​
Builds the project for production. Related environment variable: FRONTITY_DEV_PRODUCTION​
--port <port>
Runs the server on a custom port. Default is 3000. Related environment variable: FRONTITY_DEV_PORT​
--https
Runs the server using https. Related environment variable: FRONTITY_DEV_HTTPS​
--dont-open-browser
Don't open a browser window with the localhost. Related environment variable: FRONTITY_DEV_DONT_OPEN_BROWSER​
​--target <target>​
Create bundles with es5 or module. Default target is module. Related environment variable: FRONTITY_DEV_TARGET​
​--publicPath <path>​
Set the public path for static assets. Default path is /static/. Related environment variable: FRONTITY_DEV_PUBLIC_PATH.
--help
Output usage information
Examples
Starts a server in development mode using https and port 3002
1
npx frontity dev --https --port 3002
Copied!
Starts a server in development mode using the folder assets as the path for statics
1
npx frontity dev --public-path="/assets"
Copied!
The --production option
This flag correspond to webpack’s mode parameter so it will run webpack in the production mode as described there before launching the development server.
So, if you do:
1
npx frontity dev --production
Copied!
The webpack bundler internally will do things like..
Enable certain webpack-specific optimizations and minify the code
Also disable hot-module reloading (HMR)
Not create source maps
Append hashes to filenames so for caching purposes
Normally, you would always use the development server in development mode, but sometimes you may want to check that everything works in production mode, or check the bundle analyzer (the files at /build/analyze) for the production bundle.
Environment Variables
FRONTITY_DEV_TARGET
Create bundles with es5, module or both. Default target is both.
If detected, and no --target <target> option is defined for dev Frontity command, this environment variable value will be applied.
Example:
1
FRONTITY_DEV_TARGET=module
2
FRONTITY_DEV_TARGET=es
Copied!
FRONTITY_DEV_PORT
Runs the server on a custom port. Default is 3000.
If detected, and no --port <port> option is defined for dev Frontity command, this environment variable value will be applied.
Example:
1
FRONTITY_DEV_PORT=3002
Copied!
FRONTITY_DEV_HTTPS
Runs the server using https.
Example:
1
FRONTITY_DEV_HTTPS=true
Copied!
FRONTITY_DEV_PRODUCTION
frontity dev by default runs the server in "development mode" (no optimizations, uses the dev build of react, etc.). Setting this variable makes it run in "production mode".
Example:
1
FRONTITY_DEV_PRODUCTION=true
Copied!
FRONTITY_DEV_PUBLIC_PATH
Set the public path for static assets. Default path is /static/.
If detected, and no --public-path flag is defined for dev Frontity command, this environment variable value will be applied.
Example:
1
FRONTITY_DEV_PUBLIC_PATH=/assets/
Copied!
FRONTITY_DEV_DONT_OPEN_BROWSER
Don't open a browser window after the Frontity server has been started.
Example:
1
FRONTITY_DEV_DONT_OPEN_BROWSER=true
Copied!