Skip to content

Easy to make magic change to your source in webpack loader

License

Notifications You must be signed in to change notification settings

liril-net/ware-loader

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

npm deps

Ware Loader

A loader for webpack that let you change your source in loader.

Install

npm install --save-dev ware-loader

Examples

Use the loader either via your webpack config. Here is an example to parse markdown file as vue component.

Via webpack config (recommended)

webpack.config.js

const MarkdownIt = require('markdonw-it')
const md = new MarkdownIt()

module.exports = {
  module: {
    rules: [
      {
        test: /\.md$/,
        loader: 'ware-loader',
        enforce: 'pre',
        options: {
          raw: true,
          middleware: function(source) {
            return `<template><div>${md.render(source)}</div></template>`
          }
        }
      },
      {
        test: /\.md$/,
        use: 'vue-loader'
      }
    ]
  }
}

In your application

import Doc from './doc.md';

Options

Option Description Type Default
raw If set to false, source will be wrapped with 'module.exports = ' + source boolean false
async Whehter middleware should be async function boolean false
middleware Functions to change source function[], function -

Maintainers


Cyril Su

About

Easy to make magic change to your source in webpack loader

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published