marinhoOliv / html-sass-babel-webpack-boilerplate

Webpack 4 + Babel + ES6 + SASS + HTML Modules + Livereload

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Webpack boilerplate with SASS, HTML modules, Babel

Usage

Installation

npm install
or
yarn

Start dev server for development

npm start
or 
yarn start-yarn

Build

npm run build
or
yarn build

Features

  • Custom html modules plugin
        <!DOCTYPE html>
        <html>
        <head>
            <title>Example doc</title>
        </head>
        <body>
            <include>_header.html</include>
            <h1>Catalog products</h1>
            <include>_products-filter.html</include>
            <include>_products-list.html</include>
            <include>_footer.html</include>
        </body>
        </html>
  • HTML hot reload
  • HTML partials(you can include html partial)
  • SASS
  • Babel(es6/7)
  • Autoprefixing and minifying with postcss
  • Eslint(airbnb-base config)
  • Eslinting on the fly(while dev)
  • Pretty console output(Friendly errors webpack plugin)

About

Webpack 4 + Babel + ES6 + SASS + HTML Modules + Livereload


Languages

Language:JavaScript 66.4%Language:CSS 28.3%Language:HTML 5.3%