Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    transform-loaderpublic

    npm deps chat

    Transform Loader

    Use a browserify transforms as webpack-loader.

    Install

    npm i transform-loader --save

    Usage

    Documentation: Using loaders

    Pass the module name as query parameter.

    var x = require("!transform-loader?brfs!./file.js");
    var x = require("!transform-loader/cacheable?brfs!./file.js"); // cacheable version

    If you pass a number instead it will take the function from this.options.transforms[number].

    Webpack 2.x Config Example

    module.exports = {
      module: {
        rules: [
          {
            loader: "transform-loader?brfs",
            enforce: "post"
          },
                {
            test: /\.coffee$/,
            loader: "transform-loader/cacheable?coffeeify"
          },
          {
            test: /\.weirdjs$/,
            loader: "transform-loader?0"
          }
        ]
      },
      plugins: [
        new webpack.LoaderOptionsPlugin({
          options: {
            transforms: [
              function(file) {
                return through(function(buf) {
                  this.queue(buf.split("").map(function(s) {
                    return String.fromCharCode(127-s.charCodeAt(0));
                  }).join(""));
                }, function() { this.queue(null); });
              }
            ]
          }
        })
      ]
    };

    Webpack 1.x Config Example

    module.exports = {
        module: {
            postLoaders: [
                {
                    loader: "transform-loader?brfs"
                }
            ]
            loaders: [
                {
                    test: /\.coffee$/,
                    loader: "transform-loader/cacheable?coffeeify"
                },
                {
                    test: /\.weirdjs$/,
                    loader: "transform-loader?0"
                }
            ]
        },
        transforms: [
            function(file) {
                return through(function(buf) {
                    this.queue(buf.split("").map(function(s) {
                        return String.fromCharCode(127-s.charCodeAt(0));
                    }).join(""));
                }, function() { this.queue(null); });
            }
        ]
    };

    Typical brfs Example

    Say you have the following Node source:

    var test = require('fs').readFileSync('./test.txt', 'utf8');

    After npm install transform-loader brfs --save, add the following loader to your config:

    module.exports = {
        context: __dirname,
        entry: "./index.js",
        module: {
            loaders: [
                {
                    test: /\.js$/,
                    loader: "transform-loader?brfs"
                }
            ]
        }
    }

    The loader is applied to all JS files, which can incur a performance hit with watch tasks. So you may want to use transform-loader/cacheable?brfs instead.

    Maintainers


    Juho Vepsäläinen

    Joshua Wiens

    Kees Kluskens

    Sean Larkin

    Keywords

    none

    install

    npm i transform-loader

    Downloadsweekly downloads

    17,749

    version

    0.2.4

    license

    none

    repository

    githubgithub

    last publish

    collaborators

    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar