css-sprite-loader
Version:
A webpack loader to convert png into sprite image
1 lines • 12.1 kB
JavaScript
!function(e){var n={};function t(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,t),i.l=!0,i.exports}t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var i in e)t.d(r,i,function(n){return e[n]}.bind(null,i));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="dest/",t(t.s=8)}([function(e,n,t){e.exports=t.p+"df628f476db5a59bc37c58554453dbc5.png"},function(e,n,t){e.exports=t.p+"43aac074657a57fae8d4a159ea6bee8c.png"},function(e,n,t){e.exports=t.p+"f944249b77bd09fd91a3ff680c9af5fc.png"},function(e,n,t){e.exports=t.p+"a9893f3ddd47d3a0a5b5ccf468662aaf.png"},function(e,n,t){e.exports=t.p+"647a536f61ea57b17b2ad095519ded47.png"},function(e,n,t){e.exports=t.p+"d14f7a960be2036c5a0ed09bce26aea6.png"},function(e,n,t){e.exports=t.p+"762f06a51203ec2231e615d55f3f6c19.png"},function(e,n,t){e.exports=t.p+"8453b52498036f5e714906c7f990f663.png"},function(e,n,t){"use strict";t.r(n);t(9)},function(e,n,t){var r=t(10);"string"==typeof r&&(r=[[e.i,r,""]]);var i={transform:void 0};t(13)(r,i);r.locals&&(e.exports=r.locals)},function(e,n,t){var r=t(11);(e.exports=t(12)(!1)).push([e.i,"body {\n margin: 0;\n}\n\n.part {\n display: inline-block;\n width: 50%;\n}\n\n.source.simple {\n width: 128px;\n height: 128px;\n background: url("+r(t(1))+");\n}\n.sprite.simple {\n width: 128px;\n height: 128px;\n background: url('dest/sprite.png?2904678afdf29a9aa29d14bea8d62579') left -424px no-repeat;\n}\n\n.source.image-set {\n width: 128px;\n height: 128px;\n background: url("+r(t(0))+");\n}\n\n.source.image-set {\n background: -webkit-image-set(url("+r(t(0))+") 2x);\n}\n.sprite.image-set {\n width: 128px;\n height: 128px;\n background: url('dest/sprite.png?2904678afdf29a9aa29d14bea8d62579') -212px top / 340px 276px no-repeat;\n}\n\n.source.image-set-prefix {\n width: 128px;\n height: 128px;\n background: url("+r(t(0))+");\n}\n\n.source.image-set-prefix {\n background: -webkit-image-set(url("+r(t(0))+") 2x);\n}\n.sprite.image-set-prefix {\n width: 128px;\n height: 128px;\n background: url('dest/sprite.png?2904678afdf29a9aa29d14bea8d62579') -212px top / 340px 276px no-repeat;\n}\n\n.source.image-set-fallback {\n width: 128px;\n height: 128px;\n background: url("+r(t(1))+");\n}\n\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {\n .source.image-set-fallback {\n background: url("+r(t(0))+");\n }\n}\n\n.source.image-set-fallback {\n background: -webkit-image-set(url("+r(t(1))+") 1x, url("+r(t(0))+") 2x);\n}\n.sprite.image-set-fallback {\n width: 128px;\n height: 128px;\n background: url('dest/sprite.png?2904678afdf29a9aa29d14bea8d62579') left -424px no-repeat;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {\n .sprite.image-set-fallback {\n background: url('dest/sprite@2x.png?f1856e049c641e8562b4c96ef4ccc66d') left top / 276px 128px no-repeat;\n }\n}\n\n.source.image-set-and-other-things {\n width: 100px;\n height: 150px;\n background: url("+r(t(1))+") 30px 20px / 120% no-repeat;\n}\n\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {\n .source.image-set-and-other-things {\n background: url("+r(t(0))+") 30px 20px / 120% no-repeat;\n }\n}\n\n.source.image-set-and-other-things {\n background: -webkit-image-set(url("+r(t(1))+") 1x, url("+r(t(0))+") 2x) 30px 20px / 120% no-repeat;\n}\n.sprite.image-set-and-other-things {\n width: 100px;\n height: 150px;\n background: url('dest/sprite.png?2904678afdf29a9aa29d14bea8d62579') 30px -378px / 638px 518px no-repeat;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {\n .sprite.image-set-and-other-things {\n background: url('dest/sprite@2x.png?f1856e049c641e8562b4c96ef4ccc66d') 30px 20px / 259px 120px no-repeat;\n }\n}\n\n.source.image-default-resolution {\n width: 128px;\n height: 128px;\n background: url("+r(t(3))+");\n}\n\n@media (-webkit-max-device-pixel-ratio: 1), (max-resolution: 1dppx) {\n .source.image-default-resolution {\n background: url("+r(t(4))+");\n }\n}\n\n@media (-webkit-max-device-pixel-ratio: 2), (max-resolution: 2dppx) {\n .source.image-default-resolution {\n background: url("+r(t(5))+");\n }\n}\n\n.source.image-default-resolution {\n background: -webkit-image-set(url("+r(t(3))+") 3x, url("+r(t(4))+") 1x, url("+r(t(5))+") 2x);\n}\n.sprite.image-default-resolution {\n width: 128px;\n height: 128px;\n background: url('dest/sprite.png?2904678afdf29a9aa29d14bea8d62579') left top / 227px 184px no-repeat;\n}\n@media (-webkit-max-device-pixel-ratio: 1), (max-resolution: 1dppx) {\n .sprite.image-default-resolution {\n background: url('dest/sprite@1x.png?df720dc5d600017967842d4ce975603f') left top no-repeat;\n }\n}\n@media (-webkit-max-device-pixel-ratio: 2), (max-resolution: 2dppx) {\n .sprite.image-default-resolution {\n background: url('dest/sprite@2x.png?f1856e049c641e8562b4c96ef4ccc66d') -148px top / 276px 128px no-repeat;\n }\n}\n\n.source.image-set-different {\n width: 128px;\n height: 128px;\n background: url("+r(t(6))+");\n}\n\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {\n .source.image-set-different {\n background: url("+r(t(7))+");\n }\n}\n\n@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {\n .source.image-set-different {\n background: url("+r(t(2))+");\n }\n}\n\n.source.image-set-different {\n background: -webkit-image-set(url("+r(t(6))+") 1x, url("+r(t(7))+") 2x, url("+r(t(2))+") 3x);\n}\n.sprite.image-set-different {\n width: 128px;\n height: 128px;\n background: url('dest/sprite.png?2904678afdf29a9aa29d14bea8d62579') -168px -424px no-repeat;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {\n .sprite.image-set-different {\n background: url('dest/other-sprite@2x.png?d577737731118b333d0ee9e11827f1db') left top / 128px 128px no-repeat;\n }\n}\n@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {\n .sprite.image-set-different {\n background: url("+r(t(2))+");\n }\n}\n",""])},function(e,n){e.exports=function(e){return"string"!=typeof e?e:(/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),/["'() \t\n]/.test(e)?'"'+e.replace(/"/g,'\\"').replace(/\n/g,"\\n")+'"':e)}},function(e,n){e.exports=function(e){var n=[];return n.toString=function(){return this.map(function(n){var t=function(e,n){var t=e[1]||"",r=e[3];if(!r)return t;if(n&&"function"==typeof btoa){var i=(a=r,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),o=r.sources.map(function(e){return"/*# sourceURL="+r.sourceRoot+e+" */"});return[t].concat(o).concat([i]).join("\n")}var a;return[t].join("\n")}(n,e);return n[2]?"@media "+n[2]+"{"+t+"}":t}).join("")},n.i=function(e,t){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},i=0;i<this.length;i++){var o=this[i][0];"number"==typeof o&&(r[o]=!0)}for(i=0;i<e.length;i++){var a=e[i];"number"==typeof a[0]&&r[a[0]]||(t&&!a[2]?a[2]=t:t&&(a[2]="("+a[2]+") and ("+t+")"),n.push(a))}},n}},function(e,n,t){var r,i,o={},a=(r=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===i&&(i=r.apply(this,arguments)),i}),p=function(e){var n={};return function(e){return void 0===n[e]&&(n[e]=function(e){return document.querySelector(e)}.call(this,e)),n[e]}}(),s=null,u=0,c=[],d=t(14);function f(e,n){for(var t=0;t<e.length;t++){var r=e[t],i=o[r.id];if(i){i.refs++;for(var a=0;a<i.parts.length;a++)i.parts[a](r.parts[a]);for(;a<r.parts.length;a++)i.parts.push(h(r.parts[a],n))}else{var p=[];for(a=0;a<r.parts.length;a++)p.push(h(r.parts[a],n));o[r.id]={id:r.id,refs:1,parts:p}}}}function l(e,n){for(var t=[],r={},i=0;i<e.length;i++){var o=e[i],a=n.base?o[0]+n.base:o[0],p={css:o[1],media:o[2],sourceMap:o[3]};r[a]?r[a].parts.push(p):t.push(r[a]={id:a,parts:[p]})}return t}function g(e,n){var t=p(e.insertInto);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var r=c[c.length-1];if("top"===e.insertAt)r?r.nextSibling?t.insertBefore(n,r.nextSibling):t.appendChild(n):t.insertBefore(n,t.firstChild),c.push(n);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");t.appendChild(n)}}function x(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e);var n=c.indexOf(e);n>=0&&c.splice(n,1)}function b(e){var n=document.createElement("style");return e.attrs.type="text/css",m(n,e.attrs),g(e,n),n}function m(e,n){Object.keys(n).forEach(function(t){e.setAttribute(t,n[t])})}function h(e,n){var t,r,i,o;if(n.transform&&e.css){if(!(o=n.transform(e.css)))return function(){};e.css=o}if(n.singleton){var a=u++;t=s||(s=b(n)),r=w.bind(null,t,a,!1),i=w.bind(null,t,a,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(t=function(e){var n=document.createElement("link");return e.attrs.type="text/css",e.attrs.rel="stylesheet",m(n,e.attrs),g(e,n),n}(n),r=function(e,n,t){var r=t.css,i=t.sourceMap,o=void 0===n.convertToAbsoluteUrls&&i;(n.convertToAbsoluteUrls||o)&&(r=d(r));i&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */");var a=new Blob([r],{type:"text/css"}),p=e.href;e.href=URL.createObjectURL(a),p&&URL.revokeObjectURL(p)}.bind(null,t,n),i=function(){x(t),t.href&&URL.revokeObjectURL(t.href)}):(t=b(n),r=function(e,n){var t=n.css,r=n.media;r&&e.setAttribute("media",r);if(e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}.bind(null,t),i=function(){x(t)});return r(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap)return;r(e=n)}else i()}}e.exports=function(e,n){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(n=n||{}).attrs="object"==typeof n.attrs?n.attrs:{},n.singleton||(n.singleton=a()),n.insertInto||(n.insertInto="head"),n.insertAt||(n.insertAt="bottom");var t=l(e,n);return f(t,n),function(e){for(var r=[],i=0;i<t.length;i++){var a=t[i];(p=o[a.id]).refs--,r.push(p)}e&&f(l(e,n),n);for(i=0;i<r.length;i++){var p;if(0===(p=r[i]).refs){for(var s=0;s<p.parts.length;s++)p.parts[s]();delete o[p.id]}}}};var v,k=(v=[],function(e,n){return v[e]=n,v.filter(Boolean).join("\n")});function w(e,n,t,r){var i=t?"":r.css;if(e.styleSheet)e.styleSheet.cssText=k(n,i);else{var o=document.createTextNode(i),a=e.childNodes;a[n]&&e.removeChild(a[n]),a.length?e.insertBefore(o,a[n]):e.appendChild(o)}}},function(e,n){e.exports=function(e){var n="undefined"!=typeof window&&window.location;if(!n)throw new Error("fixUrls requires window.location");if(!e||"string"!=typeof e)return e;var t=n.protocol+"//"+n.host,r=t+n.pathname.replace(/\/[^\/]*$/,"/");return e.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(e,n){var i,o=n.trim().replace(/^"(.*)"$/,function(e,n){return n}).replace(/^'(.*)'$/,function(e,n){return n});return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/)/i.test(o)?e:(i=0===o.indexOf("//")?o:0===o.indexOf("/")?t+o:r+o.replace(/^\.\//,""),"url("+JSON.stringify(i)+")")})}}]);