html-webpack-haml-plugin v0.3.0

Haml extension for the HTML Webpack Plugin

Installation

Install the plugin with npm:

$ npm install --save-dev html-webpack-haml-plugin

Install the plugin with yarn:

$ yarn add --dev html-webpack-haml-plugin

Usage

Require the plugin in your webpack config:

var HtmlWebpackHamlPlugin = require('html-webpack-haml-plugin');

ES2015

import HtmlWebpackHamlPlugin from 'html-webpack-haml-plugin';

Add the plugin to your webpack config as follows:

// Please specify filetype 'haml' or filename '*.haml'.
plugins: [
  new HtmlWebpackPlugin({
    filetype: 'haml'
  }),
  new HtmlWebpackPlugin({
    filename: 'output.haml'
  }),
  new HtmlWebpackHamlPlugin()
]  

Even if you generate multiple files make sure that you add the HtmlWebpackHamlPlugin only once:

plugins: [
  new HtmlWebpackPlugin({
    template: 'src/views/test.haml',
    filetype: 'haml'
  }),
  new HtmlWebpackPlugin({
    template: 'src/views/test.haml',
    filename: 'test.haml'
  }),
  new HtmlWebpackHamlPlugin()
]  

Output Example

!!! 5
%html
  %head
    %meta{ :charset => "utf-8" }
    %link{ :href => "bundle.css", :rel => "stylesheet"}
  %body
    %script{ :src => "bundle.js" }

If you are interested, look at examples.

License

This project is licensed under MIT.