{"_id":"@elambro/extract-css-media-queries","_rev":"5-e511add82fdf49a2af03359038c05ce6","name":"@elambro/extract-css-media-queries","dist-tags":{"latest":"1.0.0"},"versions":{"0.1.0":{"name":"@elambro/extract-css-media-queries","version":"0.1.0","description":"A webpack plugin which extracts media queries from your css into separate files","homepage":"https://lambroschini.com/","main":"src/index.js","scripts":{},"keywords":["webpack","media queries"],"author":{"name":"Erin Lambroschini"},"repository":{"type":"git","url":"git+ssh://git@https://github.com/elambro/extract-css-media-queries"},"license":"MIT","dependencies":{"clean-css":"^4.2.3","css":"^3.0.0","print-message":"^3.0.1","webpack-sources":"^1.4.3"},"devDependencies":{"@babel/cli":"7.0.0","@babel/core":"^7.0.0","@babel/preset-env":"^7.0.0","babel-loader":"^8.1.0","babel-minify":"0.5.0","webpack":"^4.4.0","webpack-cli":"^3.3.12"},"bugs":{"url":"https://github.com/elambro/extract-css-media-queries"},"gitHead":"16182052c5344b8255e0a01ee094bae87b59867e","_id":"@elambro/extract-css-media-queries@0.1.0","_nodeVersion":"14.9.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-pGnhkOSIsYE418JDgUY6dP4cOcwj4W3pt86UdlGUrCi/GLohWW0TumdIipsrXyhZU8j7oLCOpcSUNS1bSzFGww==","shasum":"90bb968fa0de26a2f76f7643c1666458aecefc84","tarball":"https://registry.npmjs.org/@elambro/extract-css-media-queries/-/extract-css-media-queries-0.1.0.tgz","fileCount":9,"unpackedSize":16564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfViuXCRA9TVsSAnZWagAA1dYQAIk1amNeSUW6TFKbLoPK\nu0DRREV9Jqf1ocYQaamZAJsXF5gArCN46xjquzi9YR7/0M7tzgGqQmfPlkiV\nlNTJ+DQHg3oTRZleLUu8iqKV7IO/6aNjyih/oLVaMO/4QqhJ+k/EJKeBg7wP\npsvJZSz7N8s3GW6DBAntjh5p+BX5Ls9qA76bTVqOfSX13bh+QXivUmMm06NO\nuM5FTQch/3M8CpIN0Y80zIRSwB31R/H/O+OrlCaT+zDLrQhsQK0HFLe5ZfCT\n+sKAzZur1d+b3LI/PfYuf0oLiub3rGChzBX6T7SR09pcMlyWWiA1DIqdNIFJ\nEg2+ylzzmPvBXRPmaDypvUGzSC3CMjn2qbBTgHrO7pgSQ5PqBdn6BSlTm1WW\nDedpVuUNYz7YaKtQZGIQdlHX4R/LnBuDXaVVo1EFLURLIxtLlmLJzQ4BaEm9\n4FT2B8kwHnM08ciCjeaKv4puhdPdzyA9CUZWePxLX6T28F9/0sBD8exCPWLc\n9Mi8UEoP/WjeBhNY3ySism3ft0SrV+RWXsA/VRXnaPnsMTl7qoujzCdaXjb2\nnzLTwt9rcmN06qpbFUXkSGA5k5dXNs2myQnOCJgFWulBlG6nce1ZcQmpaLiq\nMg3Opl6W+IMzBxJMLQLvUaoiCSlDAEb8oLjRt1+vLQUdktR29FMXYwLIPP+z\neS02\r\n=Ul+2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC5LtOiMSDJNhcRAuDn3sY/HD1T9UgkUfrSttZKYdPGzAiEAsGnMmTqgyhSv+ZL/jPSDJDb0+jNw+sxdNV79cH/OJcM="}]},"maintainers":[{"name":"elambro","email":"erinlambro@gmail.com"}],"_npmUser":{"name":"elambro","email":"erinlambro@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/extract-css-media-queries_0.1.0_1599482775318_0.9643003157072445"},"_hasShrinkwrap":false},"0.1.1":{"name":"@elambro/extract-css-media-queries","version":"0.1.1","description":"A webpack plugin which extracts media queries from your css into separate files","homepage":"https://lambroschini.com/","main":"src/index.js","scripts":{},"keywords":["webpack","media queries"],"author":{"name":"Erin Lambroschini"},"repository":{"type":"git","url":"git+https://github.com/elambro/extract-css-media-queries.git"},"license":"MIT","bugs":{"url":"https://github.com/elambro/extract-css-media-queries"},"dependencies":{"clean-css":"^4.2.3","css":"^3.0.0","print-message":"^3.0.1"},"gitHead":"16182052c5344b8255e0a01ee094bae87b59867e","_id":"@elambro/extract-css-media-queries@0.1.1","_nodeVersion":"14.9.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-64hD5JPcSA7nJDOa5OqrM6YX866gmFqHPbt65biq68eHMkHo+PzgPGzuxZOPIm1ldR4W/vL3Sh1ScRItHWdKzg==","shasum":"9b899c098c44f0582fcaa6baad1dc711e2106126","tarball":"https://registry.npmjs.org/@elambro/extract-css-media-queries/-/extract-css-media-queries-0.1.1.tgz","fileCount":9,"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfVi4fCRA9TVsSAnZWagAAjmsP/2DsUEeaNuHs7IXayDlu\nAKz1ZewPegfhYlcuyw42+uvDr6Ty4DjkXRmpcNoukwUzhJJgFQ3cT2pIZTAa\nhT2zTWkFSdE8Jwruy9YWufu1m6Ip8egJImKtUQnvlfooarRoFftPChEjPS3O\nEALTP7UAiByRIVSViEdlK22jq4Q8WGvUz3t7sM+1oeCHZ9kcFSCbeG5bJHs+\nRTYeu5MURtUesW+DaAngveEhR11NtRXgATEHFQLGClvYspwM6B4wLIg/2SNF\n3//rYse2NE1qxOjF00hL9FtFYzbJQ/SxGBYSGEJcDj43eRJtKE/LWjOgC8F6\nzleYZh14dzxZAGlzX8gslx4ozA4sKHqPDF3lMQFUl1n1iDyULOrub17MpKI+\nZZPuA0f+3/Z4Z+oZ3Bj/33SLbWctZ3Ti8mCtcpsvOsdkyCXFTQbo0NFw+28I\n5Ghp0vngG+kMCwQd4zoV702ES3KPPYmnqzgG7oclOJTkappC9tTE+ude2eqL\n4tfXy6ncKnP5U9TaJ9y53A2c/a4M8WFTB2HgchCzoA0FtCEp8WobXOUFEaYX\n7vkHfD/uc2jZTpKqJLHD+sJEP9EEoOXF0cqzVk9s6+yqw/sDnWqnczJWb/d2\nKEcMPNX8f+ib44VylZSQ0rSWVblW6ixF2wDfsdcaBI9uDJkj4VnkiE7rRA1X\nS+k+\r\n=zeJO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDmX/pDESrqkj78GPLMGZJQReAoCCrB54WIsp5ghOOzYgIgGeIOdayDh+pIJepgz9wzGKX+sF1MXeYXQrm1hKMeYAo="}]},"maintainers":[{"name":"elambro","email":"erinlambro@gmail.com"}],"_npmUser":{"name":"elambro","email":"erinlambro@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/extract-css-media-queries_0.1.1_1599483422898_0.7259031369576321"},"_hasShrinkwrap":false},"0.1.2":{"name":"@elambro/extract-css-media-queries","version":"0.1.2","description":"A webpack plugin which extracts media queries from your css into separate files","homepage":"https://lambroschini.com/","main":"src/index.js","scripts":{},"keywords":["webpack","media queries"],"author":{"name":"Erin Lambroschini"},"repository":{"type":"git","url":"git+https://github.com/elambro/extract-css-media-queries.git"},"license":"MIT","bugs":{"url":"https://github.com/elambro/extract-css-media-queries"},"dependencies":{"clean-css":"^4.2.3","css":"^3.0.0","print-message":"^3.0.1"},"gitHead":"65aef65e00cc0b7eb2b9ce9aff3a5cbd316a46a0","_id":"@elambro/extract-css-media-queries@0.1.2","_nodeVersion":"14.9.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-K6z12HxmaTLV31PA1S51aobzDntxqoQ+e3ETG3IikzpFB9bjYWf0MrC9Jy2fVWyL+JKF9a7flxrePvP6tpMiMg==","shasum":"5bf7f8a704920f3a8421b5a31fee2f02191f6d24","tarball":"https://registry.npmjs.org/@elambro/extract-css-media-queries/-/extract-css-media-queries-0.1.2.tgz","fileCount":9,"unpackedSize":16623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfVkDXCRA9TVsSAnZWagAAUKAP/RWYI5HIqLsL5W3SE/Aw\n51szKCRrCph40S9RLUt3DZGl10nKwXEJOSxPiUMF6U91m3J7K2vMqVTVazfQ\nlhX2Ao8yZm0EKvQTbK45XfK4CC4EtzoPpYLL46x4LgeBiejO8h0S5MPM9M6Q\ne7bD1F4heZcF4UiQU7+7NjCXb3kZLYZELA6eb9RPunbrx2NADaCBkMEQaCPI\nZgHSA08l9xqzIaQiPY7N17sXATJhX/sGXCpuzn4mr1otOrH1uEgyq6/dgHvc\niY4mOGni1/GKGj+alNrXkAsOoDLZVn+HpVVH+vRAAayfPF8gyTQiOG63g4so\nZ2c5PJpo8xo/RvxzBDDOugCm4RyLVcBp9dEqbkOHZaMpmAS6Nhsfcwpi6dHu\nDRNoMzNQE/0dlU4pE1aycz9/2tc/tDJZNElcK83t/zqH1ca50zr28fW/Cfm5\n/i85+QmmB0cHxqMSMuwpwGu9pgaJ75OdbgmsgRxy6QbneZDBUhyPc1ZufJMt\nzsdmh6lYb1zOg32+NLkRUyMm/3xRvs4yFqZcIlqmTBFWLGmpTR/05ITBDO18\nUSMMIwRgbNhOY10fLgkBr/61VgGQ6gVj2i+LDHcrnhC9pW7rIWtKz+o6wUUi\nOxlANQOxr4yU4rzLE+ml7q1PS6T5QEWkW9SFMPmyLAnRb09EFJvFNeb66Sv/\nRF01\r\n=N9Ts\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAYTPYxtICuIo+10YrFodmBsWpEK7H7Ly1olfKxaZhiHAiBV6FEdryMqvhHMwu2ww3tE+sJq+WoQHycClrfk+bVr2Q=="}]},"maintainers":[{"name":"elambro","email":"erinlambro@gmail.com"}],"_npmUser":{"name":"elambro","email":"erinlambro@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/extract-css-media-queries_0.1.2_1599488214983_0.2915499027111319"},"_hasShrinkwrap":false},"0.2.0":{"name":"@elambro/extract-css-media-queries","version":"0.2.0","description":"A webpack plugin which extracts media queries from your css into separate files","homepage":"https://lambroschini.com/","main":"src/index.js","scripts":{},"keywords":["webpack","plugin","media queries","extract","split","css","@media"],"author":{"name":"Erin Lambroschini"},"repository":{"type":"git","url":"git+https://github.com/elambro/extract-css-media-queries.git"},"license":"MIT","bugs":{"url":"https://github.com/elambro/extract-css-media-queries"},"dependencies":{"clean-css":"^5.1.2","css":"^3.0.0","print-message":"^3.0.1"},"gitHead":"27c372a6c6a668da0bf5883382a5e6a2365e7a20","_id":"@elambro/extract-css-media-queries@0.2.0","_nodeVersion":"14.16.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-+JhSV1t7ISSDPsb1XT1WO/OFXQ59frHtagDqjxpo1OFfuWKYN07AjzaEaI87RALLP738JIjx485SHhVPF9zT0w==","shasum":"2d6978dc4502066b411bdc9796aad42914a78abd","tarball":"https://registry.npmjs.org/@elambro/extract-css-media-queries/-/extract-css-media-queries-0.2.0.tgz","fileCount":9,"unpackedSize":19997,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmk/CCRA9TVsSAnZWagAANB8P/3SlaZFGyVsRfSiFnIhO\nMue5tKVeJ+Fdc+u2rezt2eFR2K1s/1y66hQHVUxxGFx8/vKqqPR+JEyklrDS\nPBxiN+twQntEoA70wJnafnpRi+AtMIV3+8Mbp+8Tk4lCn565gXi/agCV0XvW\n+sA4Wl48rvJSr/5HnOt5rqrRTKw21lP6k3PcGVMfz0mo7f/TajAha6IjIdtZ\nK25ML2tzIgQoC/T988aMXuPD/W1zYjUMfH6GKbagbTEEfzMLsUwfrn3R4lX9\njnxvM8v61cEbTwLN02q0pBVW3ntyLtxugD5YYs/+mu5XNtCT418aqcgykRqC\nWnvVZ22l6IPKK6Dp8Jw9s5qrjPyI/jzJHMe2gWirEo41LLpAYSmFXTuLQw2m\nQZX7wamMNFvxU5UCAO0TBbbwH4ybjsyda4MxGok/r8JVpzN6VfbVp34fQzDy\nEgi+JQn+s1NiXTnrF6ACfhjbCdUo6YRvXa7JzKSgDrlqCl3W9XJZx+t3smdN\nH6Uo1xDxk2lbUiaJck9YcLyiws/C1hEoZZhzvXm78C34HvHc250Cn2ex4qRW\nb7xOBpOrxgS4HRLco/nF6y3sUQE/C+TlnbT7QC8VeqrGbxLTVhSehVNASEgD\nTn8U8QYbDeQeDezcq7rqkM046OvVqeuvuDfeZS0W0sqIhdylQ3W1ZgNTnY5W\npoe3\r\n=fzRY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBiO0nOsI1C4H1oPBi0SK3Au2duES3tHDtz//9j1ee5eAiAt1dzZDUT9BJLS0e2fZHEwJDkYbMkuQNIpQwerMG7jBQ=="}]},"_npmUser":{"name":"elambro","email":"webkitech@gmail.com"},"directories":{},"maintainers":[{"name":"elambro","email":"webkitech@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/extract-css-media-queries_0.2.0_1620725697976_0.8658178290880492"},"_hasShrinkwrap":false},"1.0.0":{"name":"@elambro/extract-css-media-queries","version":"1.0.0","description":"A webpack plugin which extracts media queries from your css into separate files","homepage":"https://lambroschini.com/","main":"src/index.js","scripts":{},"keywords":["webpack","plugin","media queries","extract","split","css","@media"],"author":{"name":"Erin Lambroschini"},"repository":{"type":"git","url":"git+https://github.com/elambro/extract-css-media-queries.git"},"license":"MIT","bugs":{"url":"https://github.com/elambro/extract-css-media-queries"},"dependencies":{"clean-css":"^5.1.2","css":"^3.0.0","print-message":"^3.0.1"},"devDependencies":{"webpack":"^5.37.0"},"gitHead":"9d2606e1d26e156a24e4ae4e1775e3e3bd772935","_id":"@elambro/extract-css-media-queries@1.0.0","_nodeVersion":"14.16.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-0v8jpJXf1dvOUSpIV+/orfX+m/emSfYH5D3xbgP3xx+H4wYjwBk/dEGO6m2xlLQo4vbpMv/ufGlLfM9snPlKaQ==","shasum":"e7b78dd4b795e6e53dd8f8fe0ee618ed0d33627e","tarball":"https://registry.npmjs.org/@elambro/extract-css-media-queries/-/extract-css-media-queries-1.0.0.tgz","fileCount":9,"unpackedSize":22703,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq6pKCRA9TVsSAnZWagAA4PEP/1Br6vNs8xnYVsxdygM6\n7o7wLAWBlbiwFW5A8RXAXthXZefCNwCSnlFygPHrOTeYFJlXTGeLS6dYkkJu\nMHYETDshCXFp4i1rPe5q250RKg6OzGcAyNA1GWInXAB+Vlc6amqLitEi0zn7\njhvLyKwGVjOeIzi4qjW1s6GVh9QxBQXeKhEwuIcdGAMvxpAQ08lHyhzFLI8F\nIN+L2GM/OUgkySRkkoM9kFZAP8izDfh3v5x8If9rBxXzUyWIhqqaPMSQbTnk\nGV3t41YP45Onz4qOAP9X+N28aSJIEXxGBCb47jxa6MVJDcsMh1/JshTOyuPc\neTaNL6PrB5uGnycFxoo/cOTgH2fUwNeHiHNyLXnCSUBvBrS3uN72PihZpVbT\nFob507XjI5YEkv4y4DBooxPMhOE2a1A7Plf5y4W4wjQDmZcMeLbaHud4AXz2\n93qR4HqjUHpN5d2aRk/6zD7q6/NHvnxUzph/txaTOOnsCaVCHNKL0Nsp0uxx\nz06z76zFBT3XzUA1/d7xxBPtY4rHpsyoGbAd5hmpT18xSNBkzr9pYoehKT5x\nF4BvRHLQaxkPSCfFBnY2nlnjBYnxtLBhUARFsZ9YCm4sT4iun7TaJZylRHCg\nXwVE59mt6TmQJqlgaI3vG63aQdipmE51+4JjsPH+DDdgEDiRnTDKoFCWOERm\nuKkX\r\n=DWTJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCADULCoSSJS6DWa5O017uJqMRMW5FK5nrtVZ06o+Tb3QIhAMjWXgObp/xwv7O1UBW27PV0OHSalxPGbrgk7xQhLrmn"}]},"_npmUser":{"name":"elambro","email":"webkitech@gmail.com"},"directories":{},"maintainers":[{"name":"elambro","email":"webkitech@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/extract-css-media-queries_1.0.0_1621862986093_0.7602351100847091"},"_hasShrinkwrap":false}},"time":{"created":"2020-09-07T12:46:15.272Z","0.1.0":"2020-09-07T12:46:15.485Z","modified":"2022-04-05T07:04:57.516Z","0.1.1":"2020-09-07T12:57:03.005Z","0.1.2":"2020-09-07T14:16:55.119Z","0.2.0":"2021-05-11T09:34:58.114Z","1.0.0":"2021-05-24T13:29:46.208Z"},"maintainers":[{"name":"elambro","email":"webkitech@gmail.com"}],"description":"A webpack plugin which extracts media queries from your css into separate files","homepage":"https://lambroschini.com/","keywords":["webpack","plugin","media queries","extract","split","css","@media"],"repository":{"type":"git","url":"git+https://github.com/elambro/extract-css-media-queries.git"},"author":{"name":"Erin Lambroschini"},"bugs":{"url":"https://github.com/elambro/extract-css-media-queries"},"license":"MIT","readme":"# Extract CSS Media Queries\n\n[![npm version](https://badge.fury.io/js/%40elambro%2Fextract-css-media-queries.svg)](https://badge.fury.io/js/%40elambro%2Fextract-css-media-queries) [![GitHub version](https://badge.fury.io/gh/elambro%2Fextract-css-media-queries.svg)](https://badge.fury.io/gh/elambro%2Fextract-css-media-queries) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://github.com/elambro/extract-css-media-queries/graphs/commit-activity)\n\n\n\n\n## Webpack plugin for extracting media queries from CSS files\nBased on [https://github.com/mike-diamond/media-query-splitting-plugin]\n\nThis package extracts media queries (e.g. `@media (min-size: 768px) {...}`) from your CSS into separate stylesheets which you can use to lower package sizes for your mobile users.\n\nThe plugin will merge duplicate media query rules, ordered the rules from smallest to largest, and minify the output.\n\nYou can then load this larger stylesheet(s) through a `<link>` tag:\n\n```html\n<link rel=\"stylesheet\" media=\"screen and (min-width: 768px)\" href=\"/style.css\">\n```\nor load it dynamically through your js.\n\n## Install\n\n```bash\n`npm i -D @elambro/extract-css-media-queries`\n```\n\n## Usage\n\n### webpack.config.js\n\n```js\nconst ExtractCssMediaQueries = require('@elambro/extract-css-media-queries');\n\nconst options = {\n  breakpoints: [\n    {\n      minWidth: 768,\n      verbose : false, \n      minify  : true,\n      combined: true,\n      filename: `css/large.css`,\n   }\n ]\n}\n\nmodule.exports = {\n  plugins: [\n    new ExtractCssMediaQueries(options)\n  ],\n  module: {\n    rules: [\n      {\n        test: /\\.css$/,\n        use: [\n          'css-loader',\n        ]\n      }\n    ]\n  }\n};\n````\nThis will extract all media queries with a min-width greater or equal to 768 and extract them to the `css/large.css` file\n\n### Options\n\n````js\nlet options = {\n    breakpoints: {\n        minWidth : 768,\n        minHeight: 900\n    },\n    verbose    : false,\n    minify     : false,\n    filename   : 'css/[name]-desktop.css', \n    combined   : false,\n    exclude    : null,\n    include    : null,\n}\n\n// Will extract a file for each stylesheet. e.g. css/style.css => css/style-desktop.css\n\n````\n\n#### Groups\n\nYou can run separate options on different css files\n\n````js\nlet options = {\n    groups: [\n      {\n        // group1\n        breakpoints:[1200]\n        include    : 'example1.css',\n        combined   : false\n      },\n      {\n        // group2\n        breakpoints:[768],\n        exclude    : 'example1.css',\n        combined   : true\n      }\n    ]\n}\n\n// group1 will extract media queries from example1.css and export as `example-1200.css`\n// group2 will extract media queries from everything but example1.css and combined them into a file `extracted-768.css`\n\n````\n\n#### Exclude / Include\n\nYou can exclude or include input files for a group using the `include` and `exclude` properties. This will filter css files based on their input filename, using `filename.match(include)` and `!filename.match(exclude)`\n\n#### Breakpoints\n\nSpecify breakpoints to extract into separate files. (Default is {minWidth: 768})\nAll media queries that are larger than the minWidth or larger than the minHeight will be extracted. Options `minify`, `combined`, `filename` and `verbose` can be used as an options property or as a breakpoint property.\n\nE.g. \n````js\n{\n    breakpoints: [768, 1200],\n    // or \n    breakpoints: [\n      { \n        minify: true,\n        minWidth: 500,\n        combined: true,\n        filename: 'css/style-[breakpoint].[ext]'\n      },\n      { \n        minify: true,\n        minWidth: 800,\n        combined: true,\n        filename: 'css/style-[breakpoint].[ext]'\n      },\n    ]\n\n// Will extract css/style-500.css and css/style-800.css.\n\n}\n````\n\n#### Combined\n\nCombine the extracted media queries into a single CSS file, or create an extracted CSS file for each individual input (Default is true).\nWhen `{combined: false}`, you can use a `[name]` var in the `filename` option. e.g.\n\n````js\n{\n  breakpoints: [1200],\n  combined: false,\n  filename: 'css/[name]-[breakpoint].[ext]' // css/style.css => css/style-1200.css\n}\n\n// OR\n\n{\n  breakpoints: [800, 1200],\n  combined: true,\n  filename: 'css/extracted-[breakpoint].[ext]' // css/style1.css + css/style2.css => css/extracted-800.css & css/extracted-1200.css\n}\n````\n\n## Examples\n\n`const options = {breakpoints:[567,767]}`\n\nWill give you 3 files:\n-  `style.css`       - Common style, with all media queries `@media (min-width: 567px)` and higher extracted out. \n- `style-767.css`  - Only media queries `@media(min-width: 767px)` and above. e.g. `@media(min-width: 800px)` is also included.\n- `style-567.css` -  Only media queries `@media(min-width: 567px)` up to `@media(min-width: 767px)`\n\nDuplicate media queries are merged in the results, then they're sorted with the highest `min-width` (and `min-height`) media queries at the bottom of the file. \n\n## Laravel Mix\n\nAlso see the [Laravel Mix extension](https://github.com/elambro/laravel-mix-extract-media-queries)","readmeFilename":"readme.md"}