{"_id":"css-to-string-loader","_rev":"8-b7f1db402f4800624070153a95e539a2","name":"css-to-string-loader","description":"Webpack loader to convert the output of the css-loader back to a string","dist-tags":{"latest":"0.1.3"},"versions":{"0.1.0":{"name":"css-to-string-loader","version":"0.1.0","description":"Webpack loader to convert the output of the css-loader back to a string","main":"index.js","scripts":{},"repository":{"type":"git","url":"git+ssh://git@github.com/smithad15/css-to-string-loader.git"},"keywords":["webpack","css-loader","Angular2"],"author":{"name":"Andrew Smith"},"license":"MIT","bugs":{"url":"https://github.com/smithad15/css-to-string-loader/issues"},"homepage":"https://github.com/smithad15/css-to-string-loader#readme","devDependencies":{},"peerDependencies":{"css-loader":"^0.23.1"},"dependencies":{"loader-utils":"^0.2.15"},"gitHead":"483f66b3f75f74f772cd8bfb24abc84fddddde0d","_id":"css-to-string-loader@0.1.0","_shasum":"a5e9a989c3da926c8da235bde41331cace4f9737","_from":".","_npmVersion":"3.9.2","_nodeVersion":"6.2.0","_npmUser":{"name":"smithad15","email":"smithad15@gmail.com"},"dist":{"shasum":"a5e9a989c3da926c8da235bde41331cace4f9737","tarball":"https://registry.npmjs.org/css-to-string-loader/-/css-to-string-loader-0.1.0.tgz","integrity":"sha512-4uJI86J7EmuWmt0i097kFwxbak/XJ0tK6GjSGp4ZHCR7Klw/+XbdIHRJSn1FEyMwwuH1ca58cD+xMG1S6tm59A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHoMzrVRJ63ydenc8PXsPcDwyWHYAOztKRsitXqgdukeAiAwNYcp2FuAqy7WMOS69JKkJ/kvAuda2Vcj7bvQPKa40Q=="}]},"maintainers":[{"name":"smithad15","email":"smithad15@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/css-to-string-loader-0.1.0.tgz_1464665154662_0.17842853511683643"}},"0.1.1":{"name":"css-to-string-loader","version":"0.1.1","description":"Webpack loader to convert the output of the css-loader back to a string","main":"index.js","scripts":{},"repository":{"type":"git","url":"git+ssh://git@github.com/smithad15/css-to-string-loader.git"},"keywords":["webpack","css-loader","Angular2"],"author":{"name":"Andrew Smith"},"license":"MIT","bugs":{"url":"https://github.com/smithad15/css-to-string-loader/issues"},"homepage":"https://github.com/smithad15/css-to-string-loader#readme","devDependencies":{},"peerDependencies":{"css-loader":"^0.23.1"},"dependencies":{"loader-utils":"^0.2.15"},"gitHead":"16b9a2defb32310c9826000bedfe44625f70e516","_id":"css-to-string-loader@0.1.1","_shasum":"1ad9d73d76c95c82141f8789b85e88e6f07972da","_from":".","_npmVersion":"3.9.2","_nodeVersion":"6.2.0","_npmUser":{"name":"smithad15","email":"smithad15@gmail.com"},"dist":{"shasum":"1ad9d73d76c95c82141f8789b85e88e6f07972da","tarball":"https://registry.npmjs.org/css-to-string-loader/-/css-to-string-loader-0.1.1.tgz","integrity":"sha512-frTkl/BfuMafzpwv7D/PszYEbJAc/1KpTNTb0oeMNmIdQnIs9J52MtFx/x63E6VdHpDXB2ZSgE0kWGbKK7+xAA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBKZ9EbhqI4W9KXKvGeneC6+w0l0uB5Io/AORcpC4u6UAiEAt9UgITrAnlGtPVj9GRvU6VRSUyIEKQ93MPRrKCZwq6I="}]},"maintainers":[{"name":"smithad15","email":"smithad15@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/css-to-string-loader-0.1.1.tgz_1464700013881_0.1748047301080078"}},"0.1.2":{"name":"css-to-string-loader","version":"0.1.2","description":"Webpack loader to convert the output of the css-loader back to a string","main":"index.js","scripts":{},"repository":{"type":"git","url":"git+ssh://git@github.com/smithad15/css-to-string-loader.git"},"keywords":["webpack","css-loader","Angular2"],"author":{"name":"Andrew Smith"},"license":"MIT","bugs":{"url":"https://github.com/smithad15/css-to-string-loader/issues"},"homepage":"https://github.com/smithad15/css-to-string-loader#readme","devDependencies":{},"peerDependencies":{"css-loader":"^0.25.0"},"dependencies":{"loader-utils":"^0.2.15"},"gitHead":"66528e5229a65f6f1cc1a7c5fffa1abe07954b6f","_id":"css-to-string-loader@0.1.2","_shasum":"b7ff01dd78fbbde698b85995523f611bea276809","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.7.0","_npmUser":{"name":"smithad15","email":"smithad15@gmail.com"},"dist":{"shasum":"b7ff01dd78fbbde698b85995523f611bea276809","tarball":"https://registry.npmjs.org/css-to-string-loader/-/css-to-string-loader-0.1.2.tgz","integrity":"sha512-bV0wH1uAKo6RZy89C/Ck98/slsDBfsEmZpzTiK95udxhP/o+N+v3ii8jFvGluQKoEjrhMvmfQQabM68g/vN8nQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCKmd41h98ubAuCc/87wSH5+nYVvc4qVrNmwlukxwEOIAIhAPU0gLyutuY5LC2AgWDQR9LWyhJjCqKMud/tJNWNtK4S"}]},"maintainers":[{"name":"smithad15","email":"smithad15@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/css-to-string-loader-0.1.2.tgz_1475677785760_0.22698984341695905"}},"0.1.3":{"name":"css-to-string-loader","version":"0.1.3","description":"Webpack loader to convert the output of the css-loader back to a string","main":"index.js","scripts":{},"repository":{"type":"git","url":"git+ssh://git@github.com/smithad15/css-to-string-loader.git"},"keywords":["webpack","css-loader","Angular2"],"author":{"name":"Andrew Smith"},"license":"MIT","bugs":{"url":"https://github.com/smithad15/css-to-string-loader/issues"},"homepage":"https://github.com/smithad15/css-to-string-loader#readme","devDependencies":{},"peerDependencies":{"css-loader":">=0.25.0 <1.0.0"},"dependencies":{"loader-utils":"^0.2.15"},"gitHead":"77cdbccb5902101c8d5b3dcdf12e159dcfdae116","_id":"css-to-string-loader@0.1.3","_shasum":"c937175f2ec783969aefe14a4fba055f7b4f9562","_from":".","_npmVersion":"4.2.0","_nodeVersion":"7.10.0","_npmUser":{"name":"smithad15","email":"smithad15@gmail.com"},"dist":{"shasum":"c937175f2ec783969aefe14a4fba055f7b4f9562","tarball":"https://registry.npmjs.org/css-to-string-loader/-/css-to-string-loader-0.1.3.tgz","integrity":"sha512-CiQqRbPi9z5sN09lRyKdpt0PiaRyLMJm991btS0bpFk26iKqSz9etcxKIIC8uXtck5Gfpvokjc9COv1JM2tJdw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDqVV6JV520ajXhrBISOb+q1owAAMZH9zqW/zalqGXLKAiEA6IWhyz4AO/2HpfIko8DOLGBCLt3asvDnCg6KO8GYANo="}]},"maintainers":[{"name":"smithad15","email":"smithad15@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/css-to-string-loader-0.1.3.tgz_1496411185102_0.1257587163709104"}}},"readme":"# css-to-string-loader for webpack\n\n[![NPM](https://nodei.co/npm/css-to-string-loader.png)](https://npmjs.org/package/css-to-string-loader)\n\nA simple webpack loader to convert the output of the [css-loader](https://github.com/webpack/css-loader) back to a string.\n\nThis is quite useful for situations where you want webpack to process all of your `@import` and `url()` statements in your stylesheets but still receive the styles in string format for further use in your code base.\n\n\n## Install\n\n```\nnpm install css-to-string-loader --save-dev\n```\n\n\n## Usage\n\n[General webpack loader usage](http://webpack.github.io/docs/using-loaders.html)\n\n### Require Statement\n\n``` javascript\nvar styleString = require('css-to-string-loader!css-loader!./file.css');\n```\n\n### Webpack Config\n``` javascript\n{\n  ...\n  module: {\n    loaders: [\n      { test: /\\.css$/, loader: 'css-to-string-loader!css-loader' }\n    ]\n  }\n}\n```\n\n\n## Angular 2 Component Styling\n\nThis loader was originally created to be used with Angular 2 component styling. The styles array in the component decorator expects an array of strings and the [css-loader](https://github.com/webpack/css-loader) outputs its own custom array object. A common solution was to use the [raw-loader](https://github.com/webpack/raw-loader) to take CSS files or the output of [sass-loader](https://github.com/jtangelder/sass-loader) and convert it to a string. These solutions did not allow for processing of nested resources such as images and font files with minification, cache-busting hashes, or inlining with the [url-loader](https://github.com/webpack/url-loader).\n\n``` javascript\n// Angular 2 Component\n\n@Component({\n  ...\n  styles: [require('./component.scss')],\n  ...\n})\n\n// Webpack Config\n\n{\n  module: {\n    loaders: [\n      { test: /\\.scss/, loader: 'css-to-string-loader!css-loader!sass-loader'}\n    ]\n  }\n}\n```\n\n## .toString()\n\nIt is also possible to achieve the same result as this loader by calling the custom `.toString()` method implementation on the returned value of the [css-loader](https://github.com/webpack/css-loader). In fact, that is really all this loader does for you. However, by adding this into your loader chain, you don't have to worry about having to write it every time.\n\n\n## License\n\n[MIT (http://www.opensource.org/licenses/mit-license.php)](http://www.opensource.org/licenses/mit-license.php)","maintainers":[{"name":"smithad15","email":"smithad15@gmail.com"}],"time":{"modified":"2022-06-14T04:53:57.488Z","created":"2016-05-31T03:25:56.917Z","0.1.0":"2016-05-31T03:25:56.917Z","0.1.1":"2016-05-31T13:06:56.086Z","0.1.2":"2016-10-05T14:29:47.269Z","0.1.3":"2017-06-02T13:46:26.024Z"},"homepage":"https://github.com/smithad15/css-to-string-loader#readme","keywords":["webpack","css-loader","Angular2"],"repository":{"type":"git","url":"git+ssh://git@github.com/smithad15/css-to-string-loader.git"},"author":{"name":"Andrew Smith"},"bugs":{"url":"https://github.com/smithad15/css-to-string-loader/issues"},"license":"MIT","readmeFilename":"README.md","users":{"talalaev":true,"tedyhy":true}}