@jobrodo/webtail v1.0.6

Webtail

Webtail is a template to get started developing quickly. It uses the following (dev)dependencies to improve rapid development:

• Laravel-Mix
• Sass
• Browsersync
• Flexboxgrid

• Normalize.css

  Demo

https://sir-red-dab.github.io/webtail/

Installation

Webtail requires Node.js v4+ to run.

Install Webtail, the dependencies and devDependencies and start the server.

$ npm install @jobrodo/webtail

Development

Webtail uses a few commands to improve development for Sass and JavaScript files.

Development fase:

$ npm run dev

Watch files:

$ npm run watch

Compile for production:

$ npm run production

Browsersync

To add Browsersync, simply change your webpack.mix.js file to the following:

let mix = require('laravel-mix');

mix.js('assets/src/js/app.js', 'assets/dist/')
   .js('assets/src/js/cookie.js', 'assets/dist/')
   .sass('assets/src/scss/app.scss', 'assets/dist/')
   .postCss('node_modules/flexboxgrid/dist/flexboxgrid.css', 'assets/dist/')
   .browserSync({
        proxy: "site.local",
        files: [
            "./assets/dist/*",
            "./assets/src/js/**/*.js",
            "./assets/src/scss/**/*.scss",
            "./assets/src/img/**/*.+(png|jpg|svg)",
            "./**/*.+(html|php)",
            "./views/**/*.+(html|twig)"
        ]
    })
   .setPublicPath('assets/dist');