{"maintainers":[{"name":"izaakschroeder","email":"izaak.schroeder@gmail.com"}],"keywords":["webpack-plugin","postcss"],"dist-tags":{"latest":"0.2.3"},"author":{"name":"Izaak Schroeder","email":"izaak.schroeder@gmail.com"},"description":"Split your CSS for stupid browsers using [webpack] and [postcss].","readme":"# css-split-webpack-plugin\n\nSplit your CSS for stupid browsers using [webpack] and [postcss].\n\n![build status](http://img.shields.io/travis/metalabdesign/css-split-webpack-plugin/master.svg?style=flat)\n![coverage](http://img.shields.io/coveralls/metalabdesign/css-split-webpack-plugin/master.svg?style=flat)\n![license](http://img.shields.io/npm/l/css-split-webpack-plugin.svg?style=flat)\n![version](http://img.shields.io/npm/v/css-split-webpack-plugin.svg?style=flat)\n![downloads](http://img.shields.io/npm/dm/css-split-webpack-plugin.svg?style=flat)\n\nUsing [webpack] to generate your CSS is fun for some definitions of fun. Unfortunately the fun stops when you have a large app and need IE9 support because IE9 will ignore any more than ~4000 selectors in your lovely generated CSS bundle. The solution is to split your CSS bundle smartly into multiple smaller CSS files. Now _you can_.™ Supports source-maps.\n\n## Installation\n\n```sh\nnpm install --save css-split-webpack-plugin\n```\n\n## Usage\n\nSimply add an instance of `CSSSplitWebpackPlugin` to your list of plugins in your webpack configuration file _after_ `ExtractTextPlugin`. That's it!\n\n```javascript\nvar ExtractTextPlugin = require('extract-text-webpack-plugin');\nvar CSSSplitWebpackPlugin = require('../').default;\n\nmodule.exports = {\n  entry: './index.js',\n  context: __dirname,\n  output: {\n    path: __dirname + '/dist',\n    publicPath: '/foo',\n    filename: 'bundle.js',\n  },\n  module: {\n    loaders: [{\n      test: /\\.css$/,\n      loader: ExtractTextPlugin.extract('style-loader', 'css-loader'),\n    }],\n  },\n  plugins: [\n    new ExtractTextPlugin('styles.css'),\n    new CSSSplitWebpackPlugin({size: 4000}),\n  ],\n};\n```\n\nThe following configuration options are available:\n\n**size**: `default: 4000` The maximum number of CSS rules allowed in a single file. To make things work with IE this value should be somewhere around `4000`.\n\n**imports**: `default: false` If you originally built your app to only ever consider using one CSS file then this flag is for you. It creates an additional CSS file that imports all of the split files. You pass `true` to turn this feature on, or a string with the name you'd like the generated file to have.\n\n**filename**: `default: \"[name]-[part].[ext]\"` Control how the split files have their names generated. The default uses the parent's filename and extension, but adds in the part number.\n\n**preserve**: `default: false`. Keep the original unsplit file as well. Sometimes this is desirable if you want to target a specific browser (IE) with the split files and then serve the unsplit ones to everyone else.\n\n[webpack]: http://webpack.github.io/\n[herp]: https://github.com/ONE001/css-file-rules-webpack-separator\n[postcss]: https://github.com/postcss/postcss\n[postcss-chunk]: https://github.com/mattfysh/postcss-chunk\n","repository":{"type":"git","url":"git+https://github.com/metalabdesign/css-split-webpack-plugin.git"},"bugs":{"url":"https://github.com/metalabdesign/css-split-webpack-plugin/issues"},"license":"CC0-1.0","versions":{"0.1.0":{"name":"css-split-webpack-plugin","version":"0.1.0","author":{"name":"Izaak Schroeder","email":"izaak.schroeder@gmail.com"},"license":"CC0-1.0","repository":{"type":"git","url":"git+https://github.com/metalabdesign/css-split-webpack-plugin.git"},"main":"dist/index.js","keywords":["webpack-plugin","postcss"],"scripts":{"prepublish":"babel -s inline -d ./dist ./src --source-maps true","test":"npm run lint && npm run spec","lint":"eslint .","spec":"NODE_ENV=test ./node_modules/.bin/_mocha -r adana-dump --compilers js:babel-core/register -R spec --recursive test/spec/**/*.spec.js"},"devDependencies":{"adana-cli":"^0.1.1","adana-dump":"^0.1.0","adana-format-lcov":"^0.1.1","babel-cli":"^6.7.7","babel-core":"^6.7.7","babel-preset-metalab":"^0.2.1","chai":"^3.5.0","css-loader":"^0.23.1","eslint":"^2.8.0","eslint-config-metalab":"^3.1.0","eslint-plugin-filenames":"^0.2.0","eslint-plugin-import":"^1.6.0","eslint-plugin-react":"^4.2.3","extract-text-webpack-plugin":"^1.0.1","memory-fs":"^0.3.0","mocha":"^2.4.5","style-loader":"^0.13.1","webpack":"^1.13.0"},"dependencies":{"postcss":"^5.0.19"},"peerDependencies":{"webpack":">=1"},"gitHead":"f1f84e9f6d3e11cd903df60ad6c607a7311582a3","description":"Split your CSS for stupid browsers using [webpack] and [postcss].","bugs":{"url":"https://github.com/metalabdesign/css-split-webpack-plugin/issues"},"homepage":"https://github.com/metalabdesign/css-split-webpack-plugin#readme","_id":"css-split-webpack-plugin@0.1.0","_shasum":"462b974c0d6eb8f1c3cb7842b78b92351c06948f","_from":".","_npmVersion":"3.7.2","_nodeVersion":"4.3.0","_npmUser":{"name":"izaakschroeder","email":"izaak.schroeder@gmail.com"},"dist":{"shasum":"462b974c0d6eb8f1c3cb7842b78b92351c06948f","tarball":"http://nexus.dui88.com:8081/nexus/content/groups/npm-all/css-split-webpack-plugin/-/css-split-webpack-plugin-0.1.0.tgz"},"maintainers":[{"name":"izaakschroeder","email":"izaak.schroeder@gmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/css-split-webpack-plugin-0.1.0.tgz_1461822151231_0.9207772647496313"},"directories":{}},"0.2.0":{"name":"css-split-webpack-plugin","version":"0.2.0","author":{"name":"Izaak Schroeder","email":"izaak.schroeder@gmail.com"},"license":"CC0-1.0","repository":{"type":"git","url":"git+https://github.com/metalabdesign/css-split-webpack-plugin.git"},"main":"dist/index.js","keywords":["webpack-plugin","postcss"],"scripts":{"prepublish":"babel -s inline -d ./dist ./src --source-maps true","test":"npm run lint && npm run spec","lint":"eslint .","spec":"NODE_ENV=test ./node_modules/.bin/_mocha -r adana-dump --compilers js:babel-core/register -R spec --recursive test/spec/**/*.spec.js"},"devDependencies":{"adana-cli":"^0.1.1","adana-dump":"^0.1.0","adana-format-lcov":"^0.1.1","babel-cli":"^6.7.7","babel-core":"^6.7.7","babel-preset-metalab":"^0.2.1","chai":"^3.5.0","css-loader":"^0.23.1","eslint":"^2.8.0","eslint-config-metalab":"^3.1.0","eslint-plugin-filenames":"^0.2.0","eslint-plugin-import":"^1.6.0","eslint-plugin-react":"^4.2.3","extract-text-webpack-plugin":"^1.0.1","memory-fs":"^0.3.0","mocha":"^2.4.5","style-loader":"^0.13.1","webpack":"^1.13.0"},"dependencies":{"loader-utils":"^0.2.15","postcss":"^5.0.19"},"peerDependencies":{"webpack":">=1"},"gitHead":"0affbfb5d75da5b4b775c5d160d65768f64d76b3","description":"Split your CSS for stupid browsers using [webpack] and [postcss].","bugs":{"url":"https://github.com/metalabdesign/css-split-webpack-plugin/issues"},"homepage":"https://github.com/metalabdesign/css-split-webpack-plugin#readme","_id":"css-split-webpack-plugin@0.2.0","_shasum":"9a0f9063a1d9f51b0edae1ebb47c4b76b1efb769","_from":".","_npmVersion":"3.7.3","_nodeVersion":"5.9.1","_npmUser":{"name":"izaakschroeder","email":"izaak.schroeder@gmail.com"},"dist":{"shasum":"9a0f9063a1d9f51b0edae1ebb47c4b76b1efb769","tarball":"http://nexus.dui88.com:8081/nexus/content/groups/npm-all/css-split-webpack-plugin/-/css-split-webpack-plugin-0.2.0.tgz"},"maintainers":[{"name":"izaakschroeder","email":"izaak.schroeder@gmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/css-split-webpack-plugin-0.2.0.tgz_1463443598362_0.1642691227607429"},"directories":{}},"0.2.1":{"name":"css-split-webpack-plugin","version":"0.2.1","author":{"name":"Izaak Schroeder","email":"izaak.schroeder@gmail.com"},"license":"CC0-1.0","repository":{"type":"git","url":"git+https://github.com/metalabdesign/css-split-webpack-plugin.git"},"main":"dist/index.js","keywords":["webpack-plugin","postcss"],"scripts":{"prepublish":"babel -s inline -d ./dist ./src --source-maps true","test":"npm run lint && npm run spec","lint":"eslint .","spec":"NODE_ENV=test ./node_modules/.bin/_mocha -r adana-dump --compilers js:babel-core/register -R spec --recursive test/spec/**/*.spec.js"},"devDependencies":{"adana-cli":"^0.1.1","adana-dump":"^0.1.0","adana-format-lcov":"^0.1.1","autoprefixer-loader":"^3.2.0","babel-cli":"^6.7.7","babel-core":"^6.7.7","babel-preset-metalab":"^0.2.1","chai":"^3.5.0","css-loader":"^0.23.1","eslint":"^2.8.0","eslint-config-metalab":"^3.1.0","eslint-plugin-filenames":"^0.2.0","eslint-plugin-import":"^1.6.0","eslint-plugin-react":"^4.2.3","extract-text-webpack-plugin":"^1.0.1","less":"^2.7.1","less-loader":"^2.2.3","memory-fs":"^0.3.0","mocha":"^2.4.5","style-loader":"^0.13.1","url-loader":"^0.5.7","webpack":"^1.13.0"},"dependencies":{"loader-utils":"^0.2.15","postcss":"^5.0.19"},"peerDependencies":{"webpack":">=1"},"gitHead":"bf6e0b48894edd53722e6c96681730cdca9ce4af","description":"Split your CSS for stupid browsers using [webpack] and [postcss].","bugs":{"url":"https://github.com/metalabdesign/css-split-webpack-plugin/issues"},"homepage":"https://github.com/metalabdesign/css-split-webpack-plugin#readme","_id":"css-split-webpack-plugin@0.2.1","_shasum":"0fb9986ce518b4d49a4f153f6595486eddc500af","_from":".","_npmVersion":"3.9.3","_nodeVersion":"4.2.6","_npmUser":{"name":"izaakschroeder","email":"izaak.schroeder@gmail.com"},"dist":{"shasum":"0fb9986ce518b4d49a4f153f6595486eddc500af","tarball":"http://nexus.dui88.com:8081/nexus/content/groups/npm-all/css-split-webpack-plugin/-/css-split-webpack-plugin-0.2.1.tgz"},"maintainers":[{"name":"izaakschroeder","email":"izaak.schroeder@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/css-split-webpack-plugin-0.2.1.tgz_1465280216839_0.9476870023645461"},"directories":{}},"0.2.2":{"name":"css-split-webpack-plugin","version":"0.2.2","author":{"name":"Izaak Schroeder","email":"izaak.schroeder@gmail.com"},"license":"CC0-1.0","repository":{"type":"git","url":"git+https://github.com/metalabdesign/css-split-webpack-plugin.git"},"main":"dist/index.js","keywords":["webpack-plugin","postcss"],"scripts":{"prepublish":"babel -s inline -d ./dist ./src --source-maps true","test":"npm run lint && npm run spec","lint":"eslint .","spec":"NODE_ENV=test ./node_modules/.bin/_mocha -r adana-dump --compilers js:babel-core/register -R spec --recursive test/spec/**/*.spec.js"},"devDependencies":{"adana-cli":"^0.1.1","adana-dump":"^0.1.0","adana-format-lcov":"^0.1.1","autoprefixer-loader":"^3.2.0","babel-cli":"^6.7.7","babel-core":"^6.7.7","babel-preset-metalab":"^0.2.1","chai":"^3.5.0","css-loader":"^0.23.1","eslint":"^2.8.0","eslint-config-metalab":"^3.1.0","eslint-plugin-filenames":"^0.2.0","eslint-plugin-import":"^1.6.0","eslint-plugin-react":"^4.2.3","extract-text-webpack-plugin":"^1.0.1","less":"^2.7.1","less-loader":"^2.2.3","memory-fs":"^0.3.0","mocha":"^2.4.5","style-loader":"^0.13.1","url-loader":"^0.5.7","webpack":"^1.13.0"},"dependencies":{"loader-utils":"^0.2.15","postcss":"^5.0.19","webpack-sources":"^0.1.3"},"peerDependencies":{"webpack":">=1"},"gitHead":"82130f47b5a963d476605600aea9aa5355348d10","description":"Split your CSS for stupid browsers using [webpack] and [postcss].","bugs":{"url":"https://github.com/metalabdesign/css-split-webpack-plugin/issues"},"homepage":"https://github.com/metalabdesign/css-split-webpack-plugin#readme","_id":"css-split-webpack-plugin@0.2.2","_shasum":"7afb7639d967926fabaaaa568357d0b3449ba42b","_from":".","_npmVersion":"3.10.3","_nodeVersion":"6.3.1","_npmUser":{"name":"izaakschroeder","email":"izaak.schroeder@gmail.com"},"dist":{"shasum":"7afb7639d967926fabaaaa568357d0b3449ba42b","tarball":"http://nexus.dui88.com:8081/nexus/content/groups/npm-all/css-split-webpack-plugin/-/css-split-webpack-plugin-0.2.2.tgz"},"maintainers":[{"name":"izaakschroeder","email":"izaak.schroeder@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/css-split-webpack-plugin-0.2.2.tgz_1480704245463_0.8355218349024653"},"directories":{}},"0.2.3":{"name":"css-split-webpack-plugin","version":"0.2.3","author":{"name":"Izaak Schroeder","email":"izaak.schroeder@gmail.com"},"license":"CC0-1.0","repository":{"type":"git","url":"git+https://github.com/metalabdesign/css-split-webpack-plugin.git"},"main":"dist/index.js","keywords":["webpack-plugin","postcss"],"scripts":{"prepublish":"babel -s inline -d ./dist ./src --source-maps true","test":"npm run lint && npm run spec","lint":"eslint .","spec":"NODE_ENV=test ./node_modules/.bin/_mocha -r adana-dump --compilers js:babel-core/register -R spec --recursive test/spec/**/*.spec.js"},"devDependencies":{"adana-cli":"^0.1.1","adana-dump":"^0.1.0","adana-format-lcov":"^0.1.1","autoprefixer-loader":"^3.2.0","babel-cli":"^6.7.7","babel-core":"^6.7.7","babel-preset-metalab":"^0.2.1","chai":"^3.5.0","css-loader":"^0.23.1","eslint":"^2.8.0","eslint-config-metalab":"^3.1.0","eslint-plugin-filenames":"^0.2.0","eslint-plugin-import":"^1.6.0","eslint-plugin-react":"^4.2.3","extract-text-webpack-plugin":"^1.0.1","less":"^2.7.1","less-loader":"^2.2.3","memory-fs":"^0.3.0","mocha":"^2.4.5","style-loader":"^0.13.1","url-loader":"^0.5.7","webpack":"^1.13.0"},"dependencies":{"loader-utils":"^0.2.15","postcss":"^5.0.19","webpack-sources":"^0.1.3"},"peerDependencies":{"webpack":">=1"},"gitHead":"16ea6868eb7720828c5cb78865fbde207bf79132","description":"Split your CSS for stupid browsers using [webpack] and [postcss].","bugs":{"url":"https://github.com/metalabdesign/css-split-webpack-plugin/issues"},"homepage":"https://github.com/metalabdesign/css-split-webpack-plugin#readme","_id":"css-split-webpack-plugin@0.2.3","_shasum":"af9c029710927fdff504c2db32dbe9084a58cef4","_from":".","_npmVersion":"3.10.3","_nodeVersion":"6.3.1","_npmUser":{"name":"izaakschroeder","email":"izaak.schroeder@gmail.com"},"dist":{"shasum":"af9c029710927fdff504c2db32dbe9084a58cef4","tarball":"http://nexus.dui88.com:8081/nexus/content/groups/npm-all/css-split-webpack-plugin/-/css-split-webpack-plugin-0.2.3.tgz"},"maintainers":[{"name":"izaakschroeder","email":"izaak.schroeder@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/css-split-webpack-plugin-0.2.3.tgz_1482324241803_0.4207799290306866"},"directories":{}}},"name":"css-split-webpack-plugin","time":{"modified":"2016-12-21T12:44:03.896Z","created":"2016-04-28T05:42:32.442Z","0.1.0":"2016-04-28T05:42:32.442Z","0.2.0":"2016-05-17T00:06:40.781Z","0.2.1":"2016-06-07T06:16:59.097Z","0.2.2":"2016-12-02T18:44:07.339Z","0.2.3":"2016-12-21T12:44:03.896Z"},"readmeFilename":"README.md","homepage":"https://github.com/metalabdesign/css-split-webpack-plugin#readme"}