jverneaut / webpack-static-boilerplate

Webpack boilerplate to generate static sites with the ability to include html files. Uses Sass for styling.

Webpack Static Boilerplate

This boilerplate makes developing static html sites easy by allowing html imports.

Transform this:

<!-- views/index.html -->
<div>
  ${require('../partials/header.html')}

  <h1>Hello, World!</h1>
</div>

<!-- partials/header.html -->
<div>
  My site
</div>

into this:

<!-- views/index.html -->
<div>
  <div>
    My site
  </div>

  <h1>Hello, World!</h1>
</div>

Inspired by this blog post from extri.co.

Install

$ git clone https://github.com/jverneaut/webpack-static-boilerplate
$ npm install

Run

$ # Starts a development server on port 4000 with auto relaod
$ npm run watch

To build for production use

$ npm run build

Usage

Use ${require(./myFile.html)} to include external html files.