%PDF-
%PDF-
Mini Shell
Mini Shell
class Browsersync {
/**
* The API name for the component.
*/
name() {
return 'browserSync';
}
/**
* Required dependencies for the component.
*/
dependencies() {
this.requiresReload = true;
return ['browser-sync', 'browser-sync-webpack-plugin@2.0.1'];
}
/**
* Register the component.
*
* @param {Object} userConfig
*/
register(userConfig) {
this.userConfig =
typeof userConfig == 'string' ? { proxy: userConfig } : userConfig;
}
/**
* webpack plugins to be appended to the master config.
*/
webpackPlugins() {
let BrowserSyncPlugin = require('browser-sync-webpack-plugin');
return new BrowserSyncPlugin(this.config(), { reload: false });
}
/**
* The regex used to determine where the Browsersync
* javascript snippet is injected onto each page.
*/
regex() {
return RegExp('(</body>|</pre>)(?!.*(</body>|</pre>))', 'is');
}
/**
* Build the BrowserSync configuration.
*/
config() {
return Object.assign(
{
host: 'localhost',
port: 3000,
proxy: 'app.test',
files: [
'app/**/*.php',
'resources/views/**/*.php',
`${Config.publicPath || 'public'}/**/*.(js|css)`
],
snippetOptions: {
rule: {
match: this.regex(),
fn: function(snippet, match) {
return snippet + match;
}
}
}
},
this.userConfig
);
}
}
module.exports = Browsersync;
Zerion Mini Shell 1.0