You can use a syntax for loader plugins to preprocess files before emitting javascript code to the bundle.

The following example loads the raw content of a file with the `raw` loader:

``` javascript

var content = require("raw!./file.txt");

Multiple loader plugins can be prepended by seperating them with `!`.

The loader plugins are resolved like in normal `require` call but with different default extension.

The `raw` loader plugin is looked up at modules `raw-webpack-web-loader`, `raw-webpack-loader`, `raw-web-loader`, `raw-loader`, `raw`

and the following files are looked up: `index.webpack-web-loader.js`, `index.webpack-loader.js`, `index.web-loader.js`, `index.loader.js`, `index`, `index.js`.

Note that the `web-` versions are omitted if loaders are used in node.js.

See [example](modules-webpack/tree/master/examples/loader).

The following loaders are included as optional dependencies:

* `raw`: Loads raw content of a file

* `json` (default at `.json`): Loads file as JSON

* `jade` (default at `.jade`): Loads jade template and returns a function

* `coffee` (default at `.coffee`): Loads coffee-script like javascript

TODO

* `css`: CSS rules are added to DOM on require

* `less`, `sass`: like `css` but compiles

``` javascript

var a = require("a"); // require modules

var b = require("./b"); // and files

// like in node.js

require = require("webpack/require-polyfill")(require.valueOf());

require.ensure([], function(require) {

var c = require("c");

// require json

var packageJson = require("../package.json");

// or jade templates, coffee-script, and many more with own loaders

var result = require("./template.jade")(require("./dataFrom.coffee"));

// files are compiled to javascript and packed into the bundle...

});

... and compile from the shell with:

try `--min` to minimize with `uglify-js`.