Starter project to develop with Twitter Bootstrap 4 using Webpack 2 with BrowserSync live reload server. Additionally provided support for PHP files watch with BrowserSync when running on local LAMP server.
You must have got Node.js installed.
Clone project, navigate to project root directory and run
npm install
Build project
npm run build
Start live reload BrowserSync session
npm run watch
Build project for production (minifies CSS styles and JavaScript)
npm run production
To make possible edit your PHP code with live page reloads support you can configure BrowserSyncPlugin in webpack.config.js file to watch php files on your development server. Suppose you've got your local PHP site at address http://your-local-site-url.dev you must edit proxy property like this:
new BrowserSyncPlugin({
proxy: 'your-local-site-url.dev',
files: [
'**/*.php'
],
port: 3000
// ...
});
To learn more about live reloading visit BrowserSync site: https://www.browsersync.io