/webpack-bootstrap4-starter

Webpack Bootstrap 4 Starter Project

Primary LanguageHTML

Bootstrap 4 Starter project using Webpack 2

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.

Installation

You must have got Node.js installed.

Clone project, navigate to project root directory and run

    npm install

Usage

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

PHP Support

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