fxa-mustache-loader

0.0.2 verified Sat Apr 25 auth: no javascript abandoned

Webpack loader for Mustache templates, designed for Firefox Accounts and compatible with Content Security Policy. Version 0.0.2, last updated in 2015, unmaintained. Generates inline JavaScript that embeds the template string, avoiding eval or dynamic code execution. Minimal alternative to mustache-loader with CSP focus, but no updates for modern webpack versions.

Common errors

error Module not found: Error: Can't resolve 'fxa-mustache-loader' ↓

cause Loader not installed or webpack cannot find it in node_modules.

fix

npm install --save-dev fxa-mustache-loader

error Error: DeprecationWarning: loaderUtils.parseQuery is deprecated ↓

cause Using webpack 4+ with old loader-utils API.

fix

Switch to a maintained loader like mustache-loader.

error TypeError: loaderUtils.getOptions is not a function ↓

cause Incompatible with webpack 5+ which changed loader context.

fix

Use webpack 3 or update loader.

Warnings

breaking Package is incompatible with webpack 4+ because it uses deprecated loader API (loader-utils v1). ↓

fix Switch to mustache-loader or html-loader with mustache preprocessor.

deprecated Package has not been updated since 2015; use at your own risk. ↓

fix Consider using modern alternatives: handlebars-loader, marko-loader, or static template compilation.

gotcha Loader returns a CommonJS module, not ES module; import may behave unexpectedly in strict ESM contexts. ↓

fix Use require() or configure webpack appropriately.

gotcha Only works with webpack; no standalone usage or other bundler support. ↓

fix Use mustache package directly with other bundlers.

Install

npm install fxa-mustache-loader

yarn add fxa-mustache-loader

pnpm add fxa-mustache-loader

Imports

default (loader)

wrong

export default function(source) { ... }

correct

module.exports = function(source) { ... }

CommonJS module expected by webpack loaders.

Webpack rule usage

wrong

rules: [{ test: /\.mustache$/, use: 'fxa-mustache-loader' }]

correct

rules: [{ test: /\.mustache$/, loader: 'fxa-mustache-loader' }]

use array also works, but loader property is correct.

Require in Node.js (not common)

wrong

import fxaMustacheLoader from 'fxa-mustache-loader';

correct

const fxaMustacheLoader = require('fxa-mustache-loader');

Package is CJS; ESM import works only in environments that support it.

Quickstart

Configures webpack to use fxa-mustache-loader for .mustache files, imports template as a function, and renders with data.

// webpack.config.js
const path = require('path');

module.exports = {
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  },
  module: {
    rules: [
      {
        test: /\.mustache$/,
        loader: 'fxa-mustache-loader'
      }
    ]
  }
};

// src/template.mustache
// <h1>{{title}}</h1>

// src/index.js
import template from './template.mustache';

const html = template({ title: 'Hello' });
document.body.innerHTML = html;