{"_id":"@baizy/svgicon","_rev":"2-1e868c07244327026193160eda530c07","name":"@baizy/svgicon","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@baizy/svgicon","version":"0.0.1","main":"packages/index.js","license":"MIT","scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lint":"vue-cli-service lint"},"dependencies":{"core-js":"^2.6.5","vue":"^2.6.10"},"devDependencies":{"@vue/cli-plugin-babel":"^3.10.0","@vue/cli-plugin-eslint":"^3.10.0","@vue/cli-service":"^3.10.0","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","svg-sprite-loader":"^4.1.6","vue-template-compiler":"^2.6.10"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{}}},"browserslist":["> 1%","last 2 versions"],"description":"## use SvgIcon","_id":"@baizy/svgicon@0.0.1","_npmVersion":"6.4.1","_nodeVersion":"8.15.0","_npmUser":{"name":"bzy823733911","email":"13140111181@163.com"},"dist":{"integrity":"sha512-aYXCSLBiltfqcXyzJBFSWnlG2m1htXZAwVPSrXhHanCf2FYSZ76taYnjcQf09Xpwc59P3ZoQn6or0b2P2EpFjA==","shasum":"ad1b29295758b624c4ba048fa7efc0935d709fb7","tarball":"https://registry.npmjs.org/@baizy/svgicon/-/svgicon-0.0.1.tgz","fileCount":5,"unpackedSize":4134,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdTN5kCRA9TVsSAnZWagAA8hwP/0kvurvqUXMd8rTBa80a\nX449S9CkR3X8T8ZVh6uwppSiKLWAsgbvHkJlWw8c/kJdIpld213vVHZ0b4d3\nNKTRC+QOt0Sgl4zzmJMffWIWCstY++KI3XmzQOvDmCJdwiAzEOWMFGp4sYo5\n56jg4xKBIPNWQoT37sjU4+Jnt+rjb0/9rZ+BMUUbJzVd2VXiJpPtOJ/Z5tU4\niipcjGWFKD/9QiZeMEMEczHH45MfvGQajONmrIsRiQO1ifERYTDv+KVzcKQi\nMzO5PsM8mqFzr5bfjrUrlADleLH0Z40jgoSr/Hr1c1RlXKDgVvDiJVSfUCVD\nZUVr2px3jlEg7FFWxo8Ik7UsF0h7KGz4EtGAS+cwoCOcdSwi+wFbfm5UTG4R\nMUXNUMfLNZFagam2DDwuGNfK5VSvdUnO32fJpHD0S8YIvzVf5aWF8qLc6xup\nskqWAOCWIFtDN/Iw/g4QXQLSRG3Ut8hT1tMW2StIanPJj173Fz/K+2yXnSV2\nwCH5Q/fQCj0vt6BgDN+z08ktxpyHPXQGyWSB9PiyNMxLsR11GJr5NY4/RGCE\nSWsyVPFUF7Sw5eaa2ojdfNCaYBqeo5naLb3Jdu3GlD/g+lKzMn2F76p5CVGS\n1wNqBJIfX6QwOppPD/Dy8ks0kgdlvcrxN90P+5d/75a/1SpD6DOwgzqs6/j4\nTkbq\r\n=sJdl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDfhKjNudFf0326sSXkgLrUXVce1TnWvmi3JJvGCXZ2LAIhAJOu/u/d+gy2h1vG5IRVs6rerIAWT3QGq/Bv0PNFJwe1"}]},"maintainers":[{"name":"bzy823733911","email":"13140111181@163.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svgicon_0.0.1_1565318755634_0.8595236284856258"},"_hasShrinkwrap":false},"0.0.2":{"name":"@baizy/svgicon","version":"0.0.2","main":"packages/index.js","license":"MIT","scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lint":"vue-cli-service lint"},"dependencies":{"core-js":"^2.6.5","vue":"^2.6.10"},"devDependencies":{"@vue/cli-plugin-babel":"^3.10.0","@vue/cli-plugin-eslint":"^3.10.0","@vue/cli-service":"^3.10.0","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","svg-sprite-loader":"^4.1.6","vue-template-compiler":"^2.6.10"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{}}},"browserslist":["> 1%","last 2 versions"],"description":"- 安装 @baizy/svgicon && 安装 svg-sprite-loader 处理 svg 文件","_id":"@baizy/svgicon@0.0.2","_npmVersion":"6.4.1","_nodeVersion":"8.15.0","_npmUser":{"name":"bzy823733911","email":"13140111181@163.com"},"dist":{"integrity":"sha512-FjNCoLzzzIJMtcITYUDqSUxzhcRl1aM7AzDv2x0yu+QBZAk79ynMCQz5OAyAAqf0vAioRTPdvsKoiCX2Np8o2w==","shasum":"a34d63d5e8eaad71a50443989f543adeb863637f","tarball":"https://registry.npmjs.org/@baizy/svgicon/-/svgicon-0.0.2.tgz","fileCount":5,"unpackedSize":4288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdTO0uCRA9TVsSAnZWagAApbAQAJjNr95Gc/xRO7XOQAyI\nql3BLACzKHqkdk8t49XlrCe39JyStwCq95Op2j/vLFet3j9YIpXjSDsZUfI/\nh6btS1cxiFrebb8iPfkYud0/4pWtEkil5dGASPXCvu4OqygnWnfZhgY0Ploo\nwk3AMXkB++ZkjluS7qHbsmggp310A3IVoiMmaWq5s7UhS012TrYbX/AfuxsV\nEBRBjuB5aIEn/hAC7qWK0OW96FKy9al3u/Hhzl1P9Nf8b73lykubssKoAa6a\n5j0D1YkmkxXOSJBnSbg+FrUTU4iPa5Y3SxUMV6z2qG4tzOnl5LUh4NZKNVFI\nJEpMxRjbF9s67eYGShoN/3yMQW8tuEeF2jGQetw/+ZRnsSpIxWWwpc3Q7C8h\nIOswPF055u8kzpj27IqLut/4W3HH3oRwBQ7fFdog8SRyKl3sf2dwGKVsOREA\nENVALwBaYo5SwZrzlpASvn22aGbMMu03W3vb/w2Hy3zwhwVXFy5P2tyRlAmR\nYBF3F/14ondDKWuXz5L0fIq2X2TFDEi8DdSwWxNrHOuy4wjRvz6FYzBS4dL8\n4CsCcQ9AA3ZdHUx7lu8NWa1vCYoH78+irEDB9bi/NufijBi61PCkOObVsr88\nBGrWF6SfFO6WwLrEim/LUPypWgCtX9PszGJgs8eDaFsCJnJhAZmB3MIf3/z0\n+SQ+\r\n=WvcP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBh4xfnDAarrinQiesZwVwdiOk+YNvb+mKmbIeh21CFoAiEAwoxAy2Zw7IJ9lIxCTdGOkHZBeAOcxnFZbrGGXNobfPw="}]},"maintainers":[{"name":"bzy823733911","email":"13140111181@163.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svgicon_0.0.2_1565322541902_0.6037917040401726"},"_hasShrinkwrap":false}},"time":{"created":"2019-08-09T02:45:55.423Z","0.0.1":"2019-08-09T02:45:55.738Z","modified":"2022-04-04T17:31:57.044Z","0.0.2":"2019-08-09T03:49:02.011Z"},"maintainers":[{"name":"bzy823733911","email":"13140111181@163.com"}],"description":"- 安装 @baizy/svgicon && 安装 svg-sprite-loader 处理 svg 文件","license":"MIT","readme":"## use SvgIcon\n\n- 安装 @baizy/svgicon && 安装 svg-sprite-loader 处理 svg 文件\n\n```\n$ npm install @baizy/svgicon -S\n$ npm install svg-sprite-loader -D\n```\n\n- step 1 创建存放 svg 的文件夹\n\n```\n|- src\n  |- icons\n    |- svg // store svg\n|- package.json\n|- vue.config.js\n```\n\n- step 2 在 vue.config.js 创建一个新的 alias '@svg' 指向项目内 svg 的目录 && 修改对 svg 的解析\n\n```\n// vue.config.js\n\nconst path = require('path')\nconst resolve = dir => {\n  return path.join(__dirname, dir)\n}\n\nmodule.exports = {\n  configureWebpack: {\n    resolve: {\n      alias: {\n        '@svg': resolve('src/icons/svg')\n      }\n    }\n  },\n  chainWebpack: config => {\n    config.module.rule('svg').uses.clear()\n    config.module\n      .rule('icons')\n      .test(/\\.svg$/)\n      .use('svg-sprite')\n      .loader('svg-sprite-loader')\n      .options({\n        symbolId: 'icon-[name]'\n      })\n      .end()\n      .include.add(resolve('src/icons'))\n      .end()\n  }\n}\n```\n\n- step 3 在 mian.js 中使用\n\n```\n// main.js\n\nimport SvgIcon from '@baizy/svgicon'\nVue.use(SvgIcon)\n```\n\n- step 4 把 svg 文件放入 src/icons/src\n\n- step 5 使用\n\n```\n<svg-icon icon-class=\"dashboard\" class-name='custom-class'></svg-icon>\nicon-class // svg 文件的文件名\nclass-name // 自定义 class\n```\n","readmeFilename":"README.md"}