{"_id":"@ctsj/less-media-query-loader","_rev":"1-577d36601707671530590e3b882b38e8","name":"@ctsj/less-media-query-loader","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@ctsj/less-media-query-loader","version":"1.0.0","description":"一个在less中处理媒体查询webpack的loader","main":"src/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","buildpackage":"ctbuild buildpackage","generatorchangelog":"bd changelog/CHANGELOG.html","lint":"npm run lint:js && npm run lint:style && npm run lint:prettier","lint-staged":"lint-staged","lint-staged:js":"eslint --ext .js,.jsx,.ts,.tsx ","lint:fix":"eslint --fix --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src && npm run lint:style","lint:js":"eslint --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src","lint:prettier":"check-prettier lint","lint:style":"stylelint --fix \"src/**/*.less\" --syntax less","prettier":"prettier -c --write \"**/*\""},"husky":{"hooks":{"pre-commit":"npm run lint-staged"}},"lint-staged":{"**/*.less":"stylelint --syntax less","**/*.{js,jsx,tsx,ts,less,md,json}":["prettier --write","git add"],"**/*.{js,jsx,ts,tsx}":"npm run lint-staged:js"},"repository":{"type":"git","url":"git+https://github.com/playerljc/CTSJ-LessMediaQueryLoader.git"},"author":{"name":"playerljc"},"license":"ISC","bugs":{"url":"https://github.com/playerljc/CTSJ-LessMediaQueryLoader/issues"},"homepage":"https://github.com/playerljc/CTSJ-LessMediaQueryLoader","publishConfig":{"access":"public"},"devDependencies":{"@umijs/fabric":"^2.10.2","eslint":"^8.15.0","husky":"^8.0.0","lint-staged":"^12.4.1","prettier":"^2.6.2","stylelint":"^14.8.2"},"gitHead":"57cd064614b2ae289405ef5de5d40aa8fddb34f3","_id":"@ctsj/less-media-query-loader@1.0.0","_nodeVersion":"14.18.1","_npmVersion":"6.14.15","dist":{"integrity":"sha512-or4MJ+fu6Xue2Y6puNbDfmWpJjzywU+QGH5GGyUtRrPh54goKZ5+5Nw1o8w6w3QjPYH4BOsVeI+HFWjttYZJIA==","shasum":"3fcd9f5d3692561a1baec3f5f61f00be46b8be70","tarball":"https://registry.npmjs.org/@ctsj/less-media-query-loader/-/less-media-query-loader-1.0.0.tgz","fileCount":7,"unpackedSize":9641,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFgBTjsfAtrW5qYK1weWFh5JarvObgVw9Ii2lyU2L/NzAiEA7wNKwS2N6PeacZJNhEFMmFA7OnO+eaoUuETlR7aK9F0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiec/HACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmraiA//SuSy6FLsi6lE7jwah4xJ1jVo7UHL8j+Q6CZ315eNxSu25g+2\r\n8NCmD/KhYr7KIBETcb0/7RF37KPkbjL92QAzONCO1pRNeJVjaDw+cPEcSVXk\r\nNyPvo+mwRP5NtrGBPm/X1V7JY90AbpCHPOjQMWQt9WmpzviMSzD3ueZ24kLh\r\n3npNiClEIFx95vVB/1f2ZMOvr0VTQnckCCdKh7EFybNwAPgNUfCor1TLCJCg\r\nz9UNLpc6O0gJJ6mBGCYOb5TyWEZ+f2OjjWpcI7GRvTaZJTNTRh34/nx818JB\r\npF/4xXxx3ur5pTKGw0RREmdCTLUtwIMo8dWjfcESLAi3V0H3wL/jtpB5D+TQ\r\n4u5pCvqaO2EkfZ7yj1LisPHcks6NBK43YT3VWt1f4uK7xalDqSHgNzGvkPSG\r\nuJuQTolF0HnJfUzwyCvNX1qecA/rXuf1OBoDCsL8L+0e0yHyD/fXMag7tNOL\r\nXWOBGEd0ZUb9fjyjieqzyH08PN5PBoi6rOPWIBkZ2PY3cHTaGa3dN2fjtQrA\r\nRt/u57d8+ZVTfzanrghye59mnyHvvjhBjRC4J0yNhmDPm33z4tRuYa9prxDd\r\nM9tS24eNAQ4JB70UgvRSOh/wfIDs4RVF++Cu2vy+RfZ4dGk/IPBul5+/zdYB\r\nBzXK75ZJdjULWs8ge5NLVkUO4sPj0Xq7JK8=\r\n=rqHa\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"playerljc","email":"playerljc@163.com"},"directories":{},"maintainers":[{"name":"playerljc","email":"playerljc@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/less-media-query-loader_1.0.0_1652150215447_0.3544546230212655"},"_hasShrinkwrap":false},"1.0.1":{"name":"@ctsj/less-media-query-loader","version":"1.0.1","description":"一个在less中处理媒体查询webpack的loader","main":"src/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","buildpackage":"ctbuild buildpackage","generatorchangelog":"bd changelog/CHANGELOG.html","lint":"npm run lint:js && npm run lint:style && npm run lint:prettier","lint-staged":"lint-staged","lint-staged:js":"eslint --ext .js,.jsx,.ts,.tsx ","lint:fix":"eslint --fix --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src && npm run lint:style","lint:js":"eslint --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src","lint:prettier":"check-prettier lint","lint:style":"stylelint --fix \"src/**/*.less\" --syntax less","prettier":"prettier -c --write \"**/*\""},"husky":{"hooks":{"pre-commit":"npm run lint-staged"}},"lint-staged":{"**/*.less":"stylelint --syntax less","**/*.{js,jsx,tsx,ts,less,md,json}":["prettier --write","git add"],"**/*.{js,jsx,ts,tsx}":"npm run lint-staged:js"},"repository":{"type":"git","url":"git+https://github.com/playerljc/CTSJ-LessMediaQueryLoader.git"},"author":{"name":"playerljc"},"license":"ISC","bugs":{"url":"https://github.com/playerljc/CTSJ-LessMediaQueryLoader/issues"},"homepage":"https://github.com/playerljc/CTSJ-LessMediaQueryLoader","publishConfig":{"access":"public"},"dependencies":{"loader-utils":"^2.0.2"},"devDependencies":{"@umijs/fabric":"^2.10.2","eslint":"^8.15.0","husky":"^8.0.0","lint-staged":"^12.4.1","prettier":"^2.6.2","stylelint":"^14.8.2"},"gitHead":"eb0f2eb849faabeed12c0e0062d5d8bb487967a5","_id":"@ctsj/less-media-query-loader@1.0.1","_nodeVersion":"14.18.1","_npmVersion":"6.14.15","dist":{"integrity":"sha512-vnHTMKdp7/ihthm219jbhng0GH1qAHchPM/QdBRQojAcpK9+GeKEclZRWmvwtfdRPdzmxbT3H4zq7m4mRpJGWg==","shasum":"9ee0632557ec69596efb44fb68743f4d74b03d28","tarball":"https://registry.npmjs.org/@ctsj/less-media-query-loader/-/less-media-query-loader-1.0.1.tgz","fileCount":7,"unpackedSize":9960,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAOmQ0SA7EteiWMDOLTa7SDnyLUi7JgGgstS1YK1u+hOAiBkxawk03L44v0zmJfVAO4PUHxSlse/8x/9yxvuVOyRlg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiiI7EACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmocHg//RvvB8HZTkEpGiCzeuuR5yc6DpZ2gjURztH/vBwd756adrN36\r\nZVlq9yXNgbp4IK3s9K7I24aZZ9SkS3GIB4jJbnydnx7MZL397gfxFaUkm5GA\r\n5Ioj54bjrIxBfA5721FdRVV6J12pBYTTNJ2D8GvtIWpFVcwzX1CpRyQ4SZIM\r\n5CDpiGyzbLT3Ten/0z+JLzXKCgWilHuiitM/YcQnqGy689dW3pQVIWEv+mFj\r\nkOzWayLQl5V9+age9WTY+85rplUQxAvrVeB57q3kIGJY1kc4ToTWDfQo1nDO\r\njUvjqmL1QvCD8FmaqwYOBAPWcVA2xlyGXcRas+BC+Z0Ol3RtozhrWKYWRgXj\r\n0pHdmoQOJOxUniyr1NKDYuGPDikyPSGEe4hTbCVM38ng+oLcd4CSpRVHOZLP\r\nmeLMDhlOihelkhXG0I5fe9McRHL2FCbc1HKkDC/YZkpDJ7awckNEO47d60Ko\r\nzcyKEe2/hP9ObdqE56hsQPLIyxyZjTB/Eqh5kZ6StaxopshpadkAIMCmFIoS\r\nbH4mSCKFFepFF6mP1H546tikP+QLDK2Otb2e+Hrjv0cevz+9dCzDz/kr+4Iz\r\niubVuCMI/BKj9LYrJ6nMvoMOFCUNqnDA8v9sRcVcI/NokGYP7+vYGCp6o3Xx\r\nOUdfzwFRXQF1hS9KOvW83cmSNNCQvGJ+0+Y=\r\n=+05r\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"playerljc","email":"playerljc@163.com"},"directories":{},"maintainers":[{"name":"playerljc","email":"playerljc@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/less-media-query-loader_1.0.1_1653116612290_0.34388009016345755"},"_hasShrinkwrap":false}},"time":{"created":"2022-05-10T02:36:55.383Z","1.0.0":"2022-05-10T02:36:55.579Z","modified":"2022-05-21T07:03:32.498Z","1.0.1":"2022-05-21T07:03:32.426Z"},"maintainers":[{"name":"playerljc","email":"playerljc@163.com"}],"description":"一个在less中处理媒体查询webpack的loader","homepage":"https://github.com/playerljc/CTSJ-LessMediaQueryLoader","repository":{"type":"git","url":"git+https://github.com/playerljc/CTSJ-LessMediaQueryLoader.git"},"author":{"name":"playerljc"},"bugs":{"url":"https://github.com/playerljc/CTSJ-LessMediaQueryLoader/issues"},"license":"ISC","readme":"# LessMediaQueryLoader\r\n\r\nEnglish | [简体中文](./README_zh.md)\r\n\r\n#### A loader that handles media query webpack in less\r\n\r\n## Introduction\r\n\r\nWhen we usually write media queries, we always mix the css(less) code of non-media query and the css(less) code of media query together. The disadvantage of writing this way is that it is not easy to extract, modify and Maintenance is difficult, mainly because it is hard to find. This plug-in is written to solve such problems.\r\n\r\n## Install\r\n\r\n``` \r\nnpm install @ctsj/less-media-query-loader --save-dev \r\n```\r\n\r\n``` \r\nyarn add @ctsj/less-media-query-loader -D \r\n```\r\n\r\n## example\r\n\r\nThere is a typical directory structure as follows\r\n\r\nuser\r\n\r\n- index.jsx\r\n- index.less\r\n- index.mq.pad.less\r\n- index.mq.pc.less\r\n- index.mq.phone.less\r\n\r\nWrite css code independent of media query in index.less\r\nAdapt the css code under the pad in index.mq.pad.less\r\nAdapt css code under pc in index.mq.pc.less\r\nAdapt the css code of the mobile phone in index.mq.phone.less\r\n\r\nThe *.less files in any directory can have the agreed three media query files, *.mq.pad.less, *.mq.pc.less and *.mq.phone.less\r\n\r\n## use\r\n\r\n### Basic usage\r\n\r\n```\r\n  {\r\n    module:{\r\n      rules:[\r\n        {\r\n          test: /\\.less$/,\r\n          use: '@ctsj/less-media-query-loader',\r\n        }\r\n      ]\r\n    }\r\n  }\r\n```\r\n\r\n### Using configuration\r\n\r\n```\r\n  /* webpack configure; */\r\n  {\r\n    module:{\r\n      rules:[\r\n        {\r\n          test: /\\.less$/,\r\n          use: [\r\n            {\r\n              loader: '@ctsj/less-media-query-loader',\r\n              // Multiple custom media queries can be added, the property is *.mq.${property name}.less, and the value is the media query string\r\n              options: {\r\n                 bigScreen: '@media screen and (min-width: 1925px)'\r\n              }\r\n            }\r\n          ],\r\n        }\r\n      ]\r\n    }\r\n  }\r\n\r\n  /* add *.mq.bigScreen.less files; */\r\n```\r\n","readmeFilename":"README.md"}