Musixmatchdev / cssnext-loader

Webpack loader for cssnext

Home Page:http://cssnext.io/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

cssnext-loader Build Status

a webpack loader for cssnext

Issues with the output should be reported on cssnext issue tracker.

Install

$ npm install cssnext-loader

Usage

Add a cssnext section in your webpack.config.js

module.exports = {
  entry: "path/to/entry",
  output: {
    path: "path/to/output/",
    filename: "bundle.js"
  },
  cssnext: {
    browsers: "last 2 versions",
  }
}

You can configure webpack so that it always parses CSS files like this :

module: {
  loaders: [
    {
      test:   /\.css$/,
      loader: "style-loader!css-loader!cssnext-loader"
    }
  ]
}

Or, for a direct usage, in your JavaScript files :

var css = require("style-loader!css-loader!cssnext-loader!../..!./file.css")

Options

Options are directly passed to cssnext, so checkout cssnext options directly.

Note: some options are by default automatically specified.

  • from
  • to
  • sourcemap (webpack sourceMap)
  • compress (webpack minimize)

About

Webpack loader for cssnext

http://cssnext.io/

License:MIT License


Languages

Language:JavaScript 95.1%Language:HTML 4.9%