Interface SassifyProBrowserSyncOptions

Options specific to the Sassify Pro BrowserSync configuration.

Hierarchy

Properties

browser?: string | string[]

The browser(s) to open Default: default

callbacks?: CallbacksOptions

Register callbacks via a regular option - this can be used to get access the Browsersync instance in situations where you cannot provide a callback via the normal API (for example, in a Gruntfile)

This 'ready' callback can be used to access the Browsersync instance

clientEvents?: string[]

¯_(ツ)_/¯ Best guess, when ghostMode (or SocketIO?) is setup the events listed here will be emitted and able to hook into.

codeSync?: boolean

Send file-change events to the browser Default: true

cors?: boolean

Add HTTP access control (CORS) headers to assets served by Browsersync. Default: false Note: Requires at least version 2.16.0.

cwd?: string

Current working directory

excludeFileTypes?: string[]

¯_(ツ)_/¯

files?: string | (string | object | FileCallback)[]

Browsersync can watch your files as you work. Changes you make will either be injected into the page (CSS & images) or will cause all browsers to do a full-page refresh. See anymatch for more information on glob patterns. Default: false

ghostMode?: boolean | GhostOptions

Clicks, Scrolls & Form inputs on any device will be mirrored to all others. clicks - Default: true scroll - Default: true forms - Default: true

host?: string

Override host detection if you know the correct IP to use

httpModule?: string

Override http module to allow using 3rd party server modules (such as http2).

https?: boolean | HttpsOptions

Enable https for localhost development. Note: This may not be needed for proxy option as it will try to infer from your target url. Note: If privacy error is encountered please see HttpsOptions below, setting those will resolve. Note: Requires at least version 1.3.0.

ignore?: string[]

Patterns for any watchers to ignore. Anything provided here will end up inside 'watchOptions.ignored'.

injectChanges?: boolean

Whether to inject changes (rather than a page refresh) Default: true

injectFileTypes?: string[]

¯_(ツ)_/¯

listen?: string

Specify a host to listen on. Use this if you want to prevent binding to all interfaces.

Note: When you specify this option, it overrides the 'host' option

localOnly?: boolean

Support environments where dynamic hostnames are not required (ie: electron).

logConnections?: boolean

Whether or not to log connections Default: false

logFileChanges?: boolean

Whether or not to log information about changed files Default: false

logLevel?: LogLevel

Can be either "info", "debug", "warn", or "silent" Default: info

logPrefix?: string

Change the console logging prefix. Useful if you're creating your own project based on Browsersync Default: BS Note: Requires at least version 1.5.1.

logSnippet?: boolean

Log the snippet to the console when you're in snippet mode (no proxy/server) Default: true Note: Requires at least version 1.5.2.

middleware?: MiddlewareHandler | PerRouteMiddleware | (MiddlewareHandler | PerRouteMiddleware)[]

Functions or actual plugins used as middleware.

minify?: boolean

Whether to minify the client script Default: true

notify?: boolean

The small pop-over notifications in the browser are not always needed/wanted. Default: true

online?: boolean

Some features of Browsersync (such as xip & tunnel) require an internet connection, but if you're working offline, you can reduce start-up time by setting this option to false

open?: boolean | OpenOptions

Default: true Decide which URL to open automatically when Browsersync starts. Defaults to "local" if none set. Can be true, local, external, ui, ui-external, tunnel or false

plugins?: any[]

User provided plugins Default: [] Note: Requires at least version 2.6.0.

port?: number

Use a specific port (instead of the one auto-detected by Browsersync) Default: 3000

proxy?: string | ProxyOptions

Proxy an EXISTING vhost. Browsersync will wrap your vhost with a proxy URL to view your site. Passing only a URL as a string equates to passing only target property of ProxyOptions type. target - Default: undefined ws - Default: undefined middleware - Default: undefined reqHeaders - Default: undefined proxyRes - Default: undefined (http.ServerResponse if expecting single parameter) proxyReq - Default: undefined

reloadDebounce?: number

Restrict the frequency in which browser:reload events can be emitted to connected clients Default: 0 Note: Requires at least version 2.6.0.

reloadDelay?: number

Time, in milliseconds, to wait before instructing the browser to reload/inject following a file change event Default: 0

reloadOnRestart?: boolean

Reload each browser when Browsersync is restarted. Default: false

reloadThrottle?: number

Emit only the first event during sequential time windows of a specified duration. Note: Requires at least version 2.13.0.

rewriteRules?: boolean | RewriteRules[]

Add additional HTML rewriting rules. Default: false Note: Requires at least version 2.4.0.

script?: ScriptOptions

Configure the script domain

scriptPath?: ((path) => string)

Type declaration

    • (path): string
    • Alter the script path for complete control over where the Browsersync Javascript is served from. Whatever you return from this function will be used as the script path. Note: Requires at least version 1.5.0.

      Parameters

      • path: string

      Returns string

scrollElementMapping?: string[]

Default: [] Note: Requires at least version 2.9.0. Sync the scroll position of any element on the page - where any scrolled element will cause all others to match scroll position. This is helpful when a breakpoint alters which element is actually scrolling

scrollElements?: string[]

Sync the scroll position of any element on the page. Add any amount of CSS selectors Default: [] Note: Requires at least version 2.9.0.

scrollProportionally?: boolean

scrollProportionally: false // Sync viewports to TOP position Default: true

scrollRestoreTechnique?: string

Decide which technique should be used to restore scroll position following a reload. Can be window.name or cookie Default: 'window.name'

scrollThrottle?: number

How often to send scroll events Default: 0

serveStatic?: string[] | StaticOptions[]

Add additional directories from which static files should be served. Should only be used in proxy or snippet mode. Default: [] Note: Requires at least version 2.8.0.

serveStaticOptions?: ServeStaticOptions<ServerResponse<IncomingMessage>>

Options that are passed to the serve-static middleware when you use the string[] syntax: eg: serveStatic: ['./app']. Please see serve-static for details.

server?: string | boolean | string[] | ServerOptions

Use the built-in static server for basic HTML/JS/CSS websites. Default: false

single?: boolean

Serve an index.html file for all non-asset routes. Useful when using client-routers.

snippetOptions?: SnippetOptions

You can control how the snippet is injected onto each page via a custom regex + function. You can also provide patterns for certain urls that should be ignored from the snippet injection. Note: Requires at least version 2.0.0.

socket?: SocketOptions

Configure the Socket.IO path and namespace & domain to avoid collisions. path - Default: "/browser-sync/socket.io" clientPath - Default: "/browser-sync" namespace - Default: "/browser-sync" domain - Default: undefined port - Default: undefined clients.heartbeatTimeout - Default: 5000 Note: Requires at least version 1.6.2.

startPath?: string

The initial path to load

tagNames?: TagNamesOptions

¯_(ツ)_/¯

timestamps?: boolean

Append timestamps to injected files Default: true

tunnel?: string | boolean

Tunnel the Browsersync server through a random Public URL Default: null

ui?: boolean | UIOptions

Browsersync includes a user-interface that is accessed via a separate port. The UI allows to controls all devices, push sync updates and much more.

port - Default: 3001 weinre.port - Default: 8080 Note: Requires at least version 2.0.0.

watch?: boolean

Watch files automatically.

watchEvents?: string[] | WatchEvents

Specify which file events to respond to. Available events: add, change, unlink, addDir, unlinkDir

watchOptions?: WatchOptions

File watching options that get passed along to Chokidar. Check their docs for available options Default: undefined Note: Requires at least version 2.6.0.

xip?: boolean

Requires an internet connection - useful for services such as Typekit as it allows you to configure domains such as *.xip.io in your kit settings Default: false

Created by CodeAuthor1 Twitter