css loader for webpack

Usage

var css = require("css!./file.css");
// => returns css code from file.css, resolves imports and url(...)

css code will be minimized if specified by the module system.

@import and url(...) are interpreted like require() and will be resolved by the css-loader.
Good loaders for requiring your assets are the file-loader
and the url-loader which you should specify in your config (see below).

Example config

This webpack config can load css files, embed small png images as Data Urls and jpg images as files.

module.exports = {
  module: {
    loaders: {
      { test: /\.css/, loader: "style-loader!css-loader" },
      { test: /\.png/, loader: "url-loader?limit=100000&minetype=image/png" },
      { test: /\.jpg/, loader: "file-loader" }
    }
  }
};

License

MIT (http://www.opensource.org/licenses/mit-license.php)