{"_id":"@areslabs/image-suffix-webpack-plugin","_rev":"3-05dd7a8e2b71e99495a2a3e5f3dda294","name":"@areslabs/image-suffix-webpack-plugin","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@areslabs/image-suffix-webpack-plugin","version":"1.0.0","description":"image require plugin to resolve @1x @2x @3x","main":"index.js","scripts":{},"keywords":["webpack","plugin"],"author":{"name":"areslabs"},"license":"MIT","_id":"@areslabs/image-suffix-webpack-plugin@1.0.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"yvettelau","email":"542783088@qq.com"},"dist":{"integrity":"sha512-8OqWvDEb0fkZ98sp3IMvcoFEcDh464Q6ZUPeCwIRVYZRdMUwdk3+4rKVQFtIrRIoKtQBOo3G3+i/Y5i37YNoHA==","shasum":"00f162fda0443704899b88e8bd657c593519eb6b","tarball":"https://registry.npmjs.org/@areslabs/image-suffix-webpack-plugin/-/image-suffix-webpack-plugin-1.0.0.tgz","fileCount":3,"unpackedSize":2151,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdib9PCRA9TVsSAnZWagAASpIP/0Zle4hgaIh4HbJZpCtp\nTNQLJ6I4hSLmBcepJc0+qef4ORqR71bbIgknuMDTBWn2+CvFq/sLhCwlUpCd\nxAZWosViBx3rLuT7GSCjhoSVxMh27GLTICLWCVdB69NXLnqOrJ7N+BLZ7b7n\nyyABr8yjLYPlxzfWA60IGfd/SsN8YOtF7dERTrLg0i+hUUe3OQYmcGvTF3FI\nY+TRwJTwWMTxoe4odJZyXNZDeDXBO4LwusL1FGlwWur0BBrJv59JYIkxl34D\niWazC9PvDNR/ZRO3weGW/fDUuboYndWRC1frlFkcipTTBGDludTrjNHJn48B\nEAgWYOoGPsAxgYPgvlZwhNGyQHuNGqzS/hfw4bKXSUxac0E91CNETahxafTi\nTrUxNUiZbm1NmzWKESHO4Semw11ZJIPjrw7NDSZazMBCrvGrfOMmYXJjBFPI\nmk6i8UC/ikl6jKEJMUtHLfVO+mvBwWH2L+ttKaT9R3vgrvxJ6g8EwZfgvwCP\nsJwWuPMiHM4u6zb34Bp4MnCMyPJIqawUhY8db4bm1IdSPW+QnC7XOSioVo0K\nmilQARYjWf5DWqeGaLSlCS9J3E2Vf9I+KQke0cvc6/NQmVhJHaTZdD32k8cK\nHT3y+LDaMnW4cZG84rzu5rRq1ETz/mahe6BlUeUe6h2T5ZWUFV6DTXAN250/\nBDGc\r\n=dWbR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDHc8fiPv8jtWufzDA4dBbGSivLXtyqJw1yL8kJt9RkeAIhAOQau/gWzYU6vwgpnJsDHdupxNCzF+/0tJTWXdDj3kel"}]},"maintainers":[{"name":"yvettelau","email":"542783088@qq.com"},{"name":"zangguodong","email":"237974119@qq.com"},{"name":"ykforerlang","email":"1527997464@qq.com"},{"name":"jameshen","email":"jameshen@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/image-suffix-webpack-plugin_1.0.0_1569308494480_0.079693278062277"},"_hasShrinkwrap":false}},"time":{"created":"2019-09-24T07:01:34.311Z","1.0.0":"2019-09-24T07:01:34.656Z","modified":"2022-04-04T15:23:31.945Z"},"maintainers":[{"email":"ykstudy@163.com","name":"areslabsbot"},{"email":"542783088@qq.com","name":"yvettelau"},{"email":"1527997464@qq.com","name":"ykforerlang"},{"email":"jameshen@gmail.com","name":"jameshen"}],"description":"image require plugin to resolve @1x @2x @3x","keywords":["webpack","plugin"],"author":{"name":"areslabs"},"license":"MIT","readme":"# ImageSuffixPlugin\n\n这个webpack插件是用来解决react native转web项目中对图片的require问题的。\n在react-native中，我们可以这样加载图片\n```javascript\nrender() {\n  return (\n    <Image source={{require('../assets/logo.png')}} />\n  )\n}\n```\n图片是目录是这样的\n```\nlogo@1x.png\nlogo@2x.png\nlogo@3x.png\n```\n\n在`react-native`转web的过程中，会因此而报错(模块找不到)。\n`ImageSuffixPlugin`可以在查找图片模块时自动侦测@1x, @2x, @3x的图片，webpack配置如下:\n```javascript\nplugins: {\n  new ImageSuffixPlugin(),\n  ...\n}\n```\n\n\n## 构造器参数\n\nImageSuffixPlugin构造器有两个参数`ImageSuffixPlugin(pattern, suffixs)`\n\n`pattern`: `RegExp`\n符合pattern格式的图片才会用到自动侦测，默认值是`/\\.(jpe?g|png|gif)$/gi`\n\n`suffixs`: `array`\n后缀格式，从前往后侦测，默认值是`['@2x', '@3x', '@1x']`\n","readmeFilename":"README.md"}