A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://npmjs.com/package/transform-loader below:

transform-loader - npm

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"); 

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

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4