Skip to content
Webpack loader: slim => html => javascript
Branch: master
Clone or download
Pull request Compare This branch is 1 commit behind MaxPleaner:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.


This is a webpack loader to transform slim files into HTML, and then load that HTML into Javascript. This is "true blue" slim, using the ruby program's CLI executable.

The resulting HTML does not have any boiler added - it can be full HTML documents or just partials / fragments.

The code here is a modified version of coffee-loader.


  1. Make sure the slim gem is installed and there is a slimrb executable available.

  2. Install this into your project: npm install --save slim-lang-loader (or yarn add -D slim-lang-loader)

  3. Add hook to webpack.config.js (make sure to put this above any loader that expects javascript or coffeescript input):

    {test: /\.slim$/, loader: ['slim-lang-loader']},

    Also, add .slim to the list of extensions:

    resolve: {
      extensions: ['.js", <etc>, ".slim"]
  4. load templates from javascript:

     var file = require("html-loader!./test.slim");
     alert(file); // this will be a html string that auto-reloads 

slim options

You can pass Slim options to slimrb using following syntax:

loader: [
    loader: 'slim-lang-loader',
    options: {
      slimOptions: {
        'disable_escape': true
You can’t perform that action at this time.