{"_id":"next-style-loader","_rev":"49-4e49040d701e76dee48d516a1241ff19","name":"next-style-loader","description":"Makes loading of CSS files possibles innext.js projects through webpack & babel","dist-tags":{"latest":"0.3.1"},"versions":{"0.2.0":{"name":"next-style-loader","description":"Makes loading of CSS files possibles innext.js projects through webpack & babel","version":"0.2.0","keywords":["next","next.js","style","style-loader","css","postcss"],"scripts":{"build":"npm run clean && babel src --out-dir .","clean":"rimraf *.js","lint":"eslint '{src/**/*.js,test/**/*.js}' --ignore-pattern=test/coverage","prepublish":"npm run lint && npm run build","test":"npm run lint","watch":"npm run build && chokidar 'src/**/*' 'package.json' '.babelrc' -c 'npm run build' --verbose"},"author":{"name":"André Cruz","email":"andre@moxy.studio"},"homepage":"https://github.com/moxystudio/next-style","bugs":{"url":"https://github.com/moxystudio/next-style/issues"},"repository":{"type":"git","url":"git+ssh://git@github.com/moxystudio/next-style.git"},"main":"index.js","license":"MIT","devDependencies":{"babel":"^6.5.2","babel-cli":"^6.22.2","babel-plugin-transform-es2015-modules-commonjs":"^6.22.0","babel-preset-es2015":"^6.22.0","babel-preset-react":"^6.22.0","babel-preset-stage-3":"^6.22.0","chokidar-cli":"^1.2.0","eslint":"^3.9.1","eslint-config-moxy":"^1.0.0","eslint-plugin-react":"^6.9.0","rimraf":"^2.5.4"},"dependencies":{"hoist-non-react-statics":"^1.2.0","loader-utils":"^0.2.16","react":"^15.4.2"},"gitHead":"8699afbecbf5996918860a05161e4d616a3f51c6","_id":"next-style-loader@0.2.0","_shasum":"387f8fd4797f6190b99030f3149853646a99cbe0","_from":".","_npmVersion":"3.10.8","_nodeVersion":"7.0.0","_npmUser":{"name":"satazor","email":"andremiguelcruz@msn.com"},"dist":{"shasum":"387f8fd4797f6190b99030f3149853646a99cbe0","tarball":"https://registry.npmjs.org/next-style-loader/-/next-style-loader-0.2.0.tgz","integrity":"sha512-vCy4oO+OBv3/lM8tULsOkfsH4wflALRQZlRM51gqiSVnUqEWjooQP4CvusHNlJr9L5QST/U+9tegmcDlMPPppg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA2+wUMLYz5MFIp3fg/enGRWKli2cpew8T6ZmIwsYaJcAiEAw96+iUXfWSFe6KsuVl0pg8C3E7CsG+wRiLoa5ZJMwzk="}]},"maintainers":[{"name":"satazor","email":"andremiguelcruz@msn.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/next-style-loader-0.2.0.tgz_1486310686418_0.29491283441893756"},"deprecated":"No longer maintained.","directories":{}},"0.2.1":{"name":"next-style-loader","description":"Makes loading of CSS files possibles innext.js projects through webpack & babel","version":"0.2.1","keywords":["next","next.js","style","style-loader","css","postcss"],"scripts":{"build":"npm run clean && babel src --out-dir .","clean":"rimraf *.js","lint":"eslint '{src/**/*.js,test/**/*.js}' --ignore-pattern=test/coverage","prepublish":"npm run lint && npm run build","test":"npm run lint","watch":"npm run build && chokidar 'src/**/*' 'package.json' '.babelrc' -c 'npm run build' --verbose"},"author":{"name":"André Cruz","email":"andre@moxy.studio"},"homepage":"https://github.com/moxystudio/next-style","bugs":{"url":"https://github.com/moxystudio/next-style/issues"},"repository":{"type":"git","url":"git+ssh://git@github.com/moxystudio/next-style.git"},"main":"index.js","license":"MIT","devDependencies":{"babel":"^6.5.2","babel-cli":"^6.22.2","babel-plugin-transform-es2015-modules-commonjs":"^6.22.0","babel-preset-es2015":"^6.22.0","babel-preset-react":"^6.22.0","babel-preset-stage-3":"^6.22.0","chokidar-cli":"^1.2.0","eslint":"^3.9.1","eslint-config-moxy":"^1.0.0","eslint-plugin-react":"^6.9.0","rimraf":"^2.5.4"},"dependencies":{"hoist-non-react-statics":"^1.2.0","loader-utils":"^0.2.16","react":"^15.4.2","style-loader":"^0.13.1"},"gitHead":"7b1044a04ecaac092e23326b80de332a5f1a0d73","_id":"next-style-loader@0.2.1","_shasum":"bb8598859e9424e5e91b38742bbd6a5423374b96","_from":".","_npmVersion":"3.10.8","_nodeVersion":"7.0.0","_npmUser":{"name":"satazor","email":"andremiguelcruz@msn.com"},"dist":{"shasum":"bb8598859e9424e5e91b38742bbd6a5423374b96","tarball":"https://registry.npmjs.org/next-style-loader/-/next-style-loader-0.2.1.tgz","integrity":"sha512-z7EFcFEMqnH/OsGrx26jZ02pp8KSgjZJtypuPOa7g3jdcseodn1QgK5vAHS+JrZgs13IftIo9kcSNUDEyq1Jiw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC8t/kNvEm9q9aIkKjdY60YME3bvh/Lvkx+8LED2JdJmAIhAKK4gb6TX1EcLbNyWlXHacS3swTrT+maMeSsGaEOmikx"}]},"maintainers":[{"name":"satazor","email":"andremiguelcruz@msn.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/next-style-loader-0.2.1.tgz_1486311577371_0.4611191253643483"},"deprecated":"No longer maintained.","directories":{}},"0.2.4":{"name":"next-style-loader","description":"Makes loading of CSS files possibles innext.js projects through webpack & babel","version":"0.2.4","keywords":["next","next.js","style","style-loader","css","postcss"],"scripts":{"build":"npm run clean && babel src --out-dir .","clean":"rimraf *.js","lint":"eslint '{src/**/*.js,test/**/*.js}' --ignore-pattern=test/coverage","prepublish":"npm run lint && npm run build","test":"npm run lint","watch":"npm run build && chokidar 'src/**/*' 'package.json' '.babelrc' -c 'npm run build' --verbose"},"author":{"name":"André Cruz","email":"andre@moxy.studio"},"homepage":"https://github.com/moxystudio/next-style","bugs":{"url":"https://github.com/moxystudio/next-style/issues"},"repository":{"type":"git","url":"git+ssh://git@github.com/moxystudio/next-style.git"},"main":"index.js","license":"MIT","devDependencies":{"babel":"^6.5.2","babel-cli":"^6.22.2","babel-plugin-transform-es2015-modules-commonjs":"^6.22.0","babel-preset-es2015":"^6.22.0","babel-preset-react":"^6.22.0","babel-preset-stage-3":"^6.22.0","chokidar-cli":"^1.2.0","eslint":"^3.9.1","eslint-config-moxy":"^1.0.0","eslint-plugin-react":"^6.9.0","rimraf":"^2.5.4"},"dependencies":{"hoist-non-react-statics":"^1.2.0","loader-utils":"^0.2.16","react":"^15.4.2","style-loader":"^0.13.1"},"gitHead":"e5f4e95f2aa3f51d922fb776bcd1bd0312083a9c","_id":"next-style-loader@0.2.4","_shasum":"4e85ce97d06b610c8f494d37bd828ca843237a8b","_from":".","_npmVersion":"3.10.8","_nodeVersion":"7.0.0","_npmUser":{"name":"satazor","email":"andremiguelcruz@msn.com"},"dist":{"shasum":"4e85ce97d06b610c8f494d37bd828ca843237a8b","tarball":"https://registry.npmjs.org/next-style-loader/-/next-style-loader-0.2.4.tgz","integrity":"sha512-3/NpY5AIDYanyDwon2PBW925FlylDBKcpenUuUJG7yDPvVUhNBEU+5V7u5oiReDf7k67vxDRm0mh1qsjBr254A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGEeT/T3I6enLTilQkjyCIVHiWYmUlNKCwQakb10R9E3AiBtPawJAnKPBk4UKXElbxtdHW0raesC/pZ/vi8wOMQ5UQ=="}]},"maintainers":[{"name":"satazor","email":"andremiguelcruz@msn.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/next-style-loader-0.2.4.tgz_1486311885054_0.6748530108015984"},"deprecated":"No longer maintained.","directories":{}},"0.3.0":{"name":"next-style-loader","description":"Makes loading of CSS files possibles innext.js projects through webpack & babel","version":"0.3.0","keywords":["next","next.js","style","style-loader","css","postcss"],"scripts":{"build":"npm run clean && babel src --out-dir .","clean":"rimraf *.js","lint":"eslint '{src/**/*.js,test/**/*.js}' --ignore-pattern=test/coverage","prepublish":"npm run lint && npm run build","test":"npm run lint","watch":"npm run build && chokidar 'src/**/*' 'package.json' '.babelrc' -c 'npm run build' --verbose"},"author":{"name":"André Cruz","email":"andre@moxy.studio"},"homepage":"https://github.com/moxystudio/next-style","bugs":{"url":"https://github.com/moxystudio/next-style/issues"},"repository":{"type":"git","url":"git+ssh://git@github.com/moxystudio/next-style.git"},"main":"index.js","license":"MIT","devDependencies":{"babel":"^6.5.2","babel-cli":"^6.22.2","babel-plugin-transform-es2015-modules-commonjs":"^6.22.0","babel-preset-es2015":"^6.22.0","babel-preset-react":"^6.22.0","babel-preset-stage-3":"^6.22.0","chokidar-cli":"^1.2.0","eslint":"^3.9.1","eslint-config-moxy":"^1.0.0","eslint-plugin-react":"^6.9.0","rimraf":"^2.5.4"},"dependencies":{"hoist-non-react-statics":"^1.2.0","loader-utils":"^0.2.16","react":"^15.4.2","style-loader":"git://github.com/bendytree/style-loader.git"},"gitHead":"6c15bc0e06c50b6650b99b3f8d70a590f1283e4d","_id":"next-style-loader@0.3.0","_shasum":"e5bbd5137300bad1f62d38b3a96d915327610821","_from":".","_npmVersion":"3.10.8","_nodeVersion":"7.0.0","_npmUser":{"name":"satazor","email":"andremiguelcruz@msn.com"},"dist":{"shasum":"e5bbd5137300bad1f62d38b3a96d915327610821","tarball":"https://registry.npmjs.org/next-style-loader/-/next-style-loader-0.3.0.tgz","integrity":"sha512-KEZtc0kzPJxHStXqUed2Ue5kjnRRft3snHzyW4Qp7qyuTpA2eEOn/OWhaG3ZfgdGgxd6TgTuGfKt6CNmDCL43g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC7V1Wy9GM05309BuRKO0/nzPWbNiimd7sUlEFVeDO2vgIhAMVu5aq8z8ghS/nyRV+ZML37LtDVgU9XOYpi0mML3f6p"}]},"maintainers":[{"name":"satazor","email":"andremiguelcruz@msn.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/next-style-loader-0.3.0.tgz_1486345174955_0.7459919324610382"},"deprecated":"No longer maintained.","directories":{}},"0.3.1":{"name":"next-style-loader","description":"Makes loading of CSS files possibles innext.js projects through webpack & babel","version":"0.3.1","keywords":["next","next.js","style","style-loader","css","postcss"],"scripts":{"build":"npm run clean && babel src --out-dir .","clean":"rimraf *.js","lint":"eslint '{src/**/*.js,test/**/*.js}' --ignore-pattern=test/coverage","prepublish":"npm run lint && npm run build","test":"npm run lint","watch":"npm run build && chokidar 'src/**/*' 'package.json' '.babelrc' -c 'npm run build' --verbose"},"author":{"name":"André Cruz","email":"andre@moxy.studio"},"homepage":"https://github.com/moxystudio/next-style","bugs":{"url":"https://github.com/moxystudio/next-style/issues"},"repository":{"type":"git","url":"git+ssh://git@github.com/moxystudio/next-style.git"},"main":"index.js","license":"MIT","devDependencies":{"babel":"^6.5.2","babel-cli":"^6.22.2","babel-plugin-transform-es2015-modules-commonjs":"^6.22.0","babel-preset-es2015":"^6.22.0","babel-preset-react":"^6.22.0","babel-preset-stage-3":"^6.22.0","chokidar-cli":"^1.2.0","eslint":"^3.9.1","eslint-config-moxy":"^1.0.0","eslint-plugin-react":"^6.9.0","rimraf":"^2.5.4"},"dependencies":{"hoist-non-react-statics":"^1.2.0","loader-utils":"^0.2.16","react":"^15.4.2","style-loader":"git://github.com/bendytree/style-loader.git"},"gitHead":"7eaa3154edb65e56cf2f67f92290f0539ed593d9","_id":"next-style-loader@0.3.1","_shasum":"eaa32e0a84131df01445089af0b6c723ed860eec","_from":".","_npmVersion":"3.10.8","_nodeVersion":"7.0.0","_npmUser":{"name":"satazor","email":"andremiguelcruz@msn.com"},"dist":{"shasum":"eaa32e0a84131df01445089af0b6c723ed860eec","tarball":"https://registry.npmjs.org/next-style-loader/-/next-style-loader-0.3.1.tgz","integrity":"sha512-XmHj6a/tQYW0CxH+26CNwT+7pR0eOyt2t2ssASUWLgN+nCqkIt4zb4MrGqKcSQ+sCwOv5E71TmI4sTAYIoM7pQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCI0DD+vVNsvnCnjaZFseb9x5B9x0XRtjfXzF+JkJ9xbAIgKZxfHvl/pLTLQXFt+2MpxglcUUdHjVRaXmNdifWSbnk="}]},"maintainers":[{"name":"satazor","email":"andremiguelcruz@msn.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/next-style-loader-0.3.1.tgz_1486345979883_0.697953941533342"},"deprecated":"No longer maintained.","directories":{}}},"readme":"# next-style-loader\n\n[![NPM version][npm-image]][npm-url] [![Downloads][downloads-image]][npm-url] [![Build Status][travis-image]][travis-url] [![Dependency status][david-dm-image]][david-dm-url] [![Dev Dependency status][david-dm-dev-image]][david-dm-dev-url]\n\n[npm-url]:https://npmjs.org/package/next-style-loader\n[downloads-image]:http://img.shields.io/npm/dm/next-style-loader.svg\n[npm-image]:http://img.shields.io/npm/v/next-style-loader.svg\n[travis-url]:https://travis-ci.org/moxystudio/next.js-style-loader\n[travis-image]:http://img.shields.io/travis/moxystudio/next.js-style-loader/master.svg\n[david-dm-url]:https://david-dm.org/moxystudio/next.js-style-loader\n[david-dm-image]:https://img.shields.io/david/moxystudio/next.js-style-loader.svg\n[david-dm-dev-url]:https://david-dm.org/moxystudio/next.js-style-loader#info=devDependencies\n[david-dm-dev-image]:https://img.shields.io/david/dev/moxystudio/next.js-style-loader.svg\n\nMakes loading of CSS files possibles in [next.js](https://github.com/zeit/next.js) projects through babel & webpack.\n\nThis project is similar to what webpack `style-loader` does but is compatible with `next.js`.\n\n\n## Installation\n\n`$ npm install --save-dev next-style-loader`\n\n\n## Setup\n\nFirst you will need to create a `next.config.js` file:\n\n```js\nmodule.exports = {\n webpack: (config, { dev }) => {\n config.module.rules.push(\n {\n test: /\\.css$/,\n loader: 'emit-file-loader',\n options: {\n name: 'dist/[path][name].[ext]',\n },\n },\n {\n test: /\\.css$/,\n // Simplest way (non-minified)..\n loader: `babel-loader!next-style-loader`,\n // Use `css-loader` to minify and enable source maps\n // NOTE: The `url` option from the css loader must be disabled; images, fonts, etc should go into /static\n loader: `babel-loader!next-style-loader!css-loader?sourceMap&minimize=${!dev}&url=false`,\n // Same as above but with CSS modules\n loader: `babel-loader!next-style-loader!css-loader?sourceMap&minimize=${!dev}&url=false&modules`,\n // Example with `css-loader` and `postcss-loader' (you may also activate CSS modules just like above)\n // Enable `postcss-imports` plugin must be enabled in the `postcss.config.js` file to process @import declarations\n loader: `babel-loader!next-style-loader!css-loader?sourceMap&minimize=${!dev}&url=false!postcss-loader`,\n // Example with `css-loader` and `sass-loader'\n loader: 'babel-loader!next-style-loader!css-loader?sourceMap&minimize=${!dev}&url=false!sass-loader',\n }\n );\n\n return config;\n },\n};\n```\n\nFinally, create a `pages/_document.js` file:\n\n```js\nimport React from 'react';\nimport Document, { Head, Main, NextScript } from 'next/document';\nimport { flush } from 'next-style-loader/applyStyles';\n\nexport default class MyDocument extends Document {\n render() {\n const { nextStyle } = this.props;\n\n return (\n \n \n { nextStyle.tag }\n \n \n
\n \n \n \n );\n }\n}\n\nMyDocument.getInitialProps = function (ctx) {\n const props = Document.getInitialProps(ctx);\n\n props.nextStyle = flush();\n\n return props;\n};\n```\n\n\n## Usage\n\nAfter setting the project, you may import CSS files like so:\n\n```js\nimport styles from './MyComponent.css';\n\nconst MyComponent extends Component {\n render() {\n return
Hello
;\n }\n}\n\nexport default applyStyles(styles)(MyComponent);\n```\n\nEnjoy!\n\n\n## License\n\n[MIT License](http://opensource.org/licenses/MIT)\n","maintainers":[{"email":"tiagoddinis@gmail.com","name":"tiagodinis"},{"email":"hello@moxy.studio","name":"moxyhq"},{"email":"filipediasferreira@me.com","name":"filipediasf"},{"email":"andremiguelcruz@msn.com","name":"satazor"},{"email":"marcooliveira@me.com","name":"marcooliveira"},{"email":"andreclima.pt@gmail.com","name":"acostalima"},{"email":"andregoncalves20007@gmail.com","name":"andregoncalvesdev"}],"time":{"modified":"2022-06-21T02:32:38.488Z","created":"2017-02-05T16:04:48.354Z","0.2.0":"2017-02-05T16:04:48.354Z","0.2.1":"2017-02-05T16:19:39.304Z","0.2.4":"2017-02-05T16:24:45.776Z","0.3.0":"2017-02-06T01:39:35.559Z","0.3.1":"2017-02-06T01:53:00.450Z"},"homepage":"https://github.com/moxystudio/next-style","keywords":["next","next.js","style","style-loader","css","postcss"],"repository":{"type":"git","url":"git+ssh://git@github.com/moxystudio/next-style.git"},"author":{"name":"André Cruz","email":"andre@moxy.studio"},"bugs":{"url":"https://github.com/moxystudio/next-style/issues"},"license":"MIT","readmeFilename":"README.md","users":{"davidbwaters":true}}