{"_id":"html-jsx-loader","_rev":"26-5ccf9585492b85ba504c16fff521d298","name":"html-jsx-loader","description":"html loader module to convert HTML to JSX for webpack","dist-tags":{"latest":"0.1.17"},"versions":{"0.1.1":{"name":"html-jsx-loader","version":"0.1.1","repository":{"type":"git","url":"https://github.com/HewlettPackard/html-jsx-loader.git"},"authors":["Alan Souza","Bryan Jacquot","Eric Soderberg"],"description":"html loader module to convert HTML to JSX for webpack","dependencies":{"loader-utils":"^0.2.6","htmltojsx":"^0.2.1"},"devDependencies":{"mocha":"1.17.x","should":"3.1.x"},"scripts":{"test":"mocha --reporter spec"},"gitHead":"cdf6d1ba3198385f6d16b7f6a2edf74cf6f90b16","bugs":{"url":"https://github.com/HewlettPackard/html-jsx-loader/issues"},"homepage":"https://github.com/HewlettPackard/html-jsx-loader","_id":"html-jsx-loader@0.1.1","_shasum":"bd1d328651af1188a8318bef6ec356f05550b978","_from":".","_npmVersion":"2.5.1","_nodeVersion":"0.12.0","_npmUser":{"name":"alansouzati","email":"alansouzati@gmail.com"},"maintainers":[{"name":"alansouzati","email":"alansouzati@gmail.com"}],"dist":{"shasum":"bd1d328651af1188a8318bef6ec356f05550b978","tarball":"https://registry.npmjs.org/html-jsx-loader/-/html-jsx-loader-0.1.1.tgz","integrity":"sha512-4WB/TaFbqnVA4HXnnmxt2jvuyzInEVKWrPi8FS/crZWjLPaHTREg4IJxs0aYlyRzLA4koNfqupPMwUoU7d/wMg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICNFKCf4YWLts3WQXFTbBcSoWzVAzv04P4dMVKeqwmsOAiEAnqW1pLWzAC/ISXBQO/pg81M18figVBlzRCUgT7IdXRQ="}]}},"0.1.3":{"name":"html-jsx-loader","version":"0.1.3","repository":{"type":"git","url":"https://github.com/HewlettPackard/html-jsx-loader.git"},"authors":["Alan Souza","Bryan Jacquot","Eric Soderberg"],"description":"html loader module to convert HTML to JSX for webpack","dependencies":{"loader-utils":"^0.2.6","htmltojsx":"^0.2.1","jsdom":"^4.1.0"},"devDependencies":{"mocha":"1.17.x","should":"3.1.x"},"scripts":{"test":"mocha --reporter spec"},"gitHead":"0367f253b4283338a7091e4f4709dbd55fcfb454","bugs":{"url":"https://github.com/HewlettPackard/html-jsx-loader/issues"},"homepage":"https://github.com/HewlettPackard/html-jsx-loader","_id":"html-jsx-loader@0.1.3","_shasum":"0f2085510e50cf07bed4697379a53821d762acc6","_from":".","_npmVersion":"2.7.5","_nodeVersion":"0.12.0","_npmUser":{"name":"alansouzati","email":"alansouzati@gmail.com"},"maintainers":[{"name":"alansouzati","email":"alansouzati@gmail.com"}],"dist":{"shasum":"0f2085510e50cf07bed4697379a53821d762acc6","tarball":"https://registry.npmjs.org/html-jsx-loader/-/html-jsx-loader-0.1.3.tgz","integrity":"sha512-oWdVFUzdunF2mFbEFkOYcPfLYiOBgCH/SfF2XFKTuGRJLD83PNtYKKCi/pmbSQjZwgl9IXQLMMe9euCIJk9UzA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDYspkOvZAXyS4KiSDN6D9Gyu5mMXTJtJZXSdk3xAxcnwIgUI3w8iwBDz3AOoRbDijRVwaf9Y5HXmveHgoyoo0yC68="}]}},"0.1.4":{"name":"html-jsx-loader","version":"0.1.4","repository":{"type":"git","url":"https://github.com/HewlettPackard/html-jsx-loader.git"},"authors":["Alan Souza","Bryan Jacquot","Eric Soderberg"],"description":"html loader module to convert HTML to JSX for webpack","dependencies":{"loader-utils":"^0.2.6","htmltojsx":"^0.2.1","jsdom":"~4.1.0"},"devDependencies":{"mocha":"1.17.x","should":"3.1.x"},"scripts":{"test":"mocha --reporter spec"},"gitHead":"0890b5e798824a9827e27342910df58082420f3c","bugs":{"url":"https://github.com/HewlettPackard/html-jsx-loader/issues"},"homepage":"https://github.com/HewlettPackard/html-jsx-loader","_id":"html-jsx-loader@0.1.4","_shasum":"50c6d8e7e68f34cf44afc22f6a4752d8cb4df5cc","_from":".","_npmVersion":"2.7.5","_nodeVersion":"0.12.0","_npmUser":{"name":"alansouzati","email":"alansouzati@gmail.com"},"maintainers":[{"name":"alansouzati","email":"alansouzati@gmail.com"}],"dist":{"shasum":"50c6d8e7e68f34cf44afc22f6a4752d8cb4df5cc","tarball":"https://registry.npmjs.org/html-jsx-loader/-/html-jsx-loader-0.1.4.tgz","integrity":"sha512-rbpHzjm6MKQjGnYfbwhuexzxxDLNFkT1C9GJLyuxwgpHuoaR482G53/2ewWTbAzhLQ6g/UNvEgo1Fl2FJx1DuQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDwIaGNBJ2824PwuP+KXjDZ0A+//QUkL1Nv9X3socvFrgIhAOw3CIYEwEGJN5BiEoIt2RIpRNMTynCK3qVGT7EpsEOR"}]}},"0.1.9":{"name":"html-jsx-loader","version":"0.1.9","repository":{"type":"git","url":"https://github.com/HewlettPackard/html-jsx-loader.git"},"authors":["Alan Souza","Bryan Jacquot","Eric Soderberg"],"description":"html loader module to convert HTML to JSX for webpack","dependencies":{"loader-utils":"^0.2.6","htmltojsx":"^0.2.1","jsdom":"~4.4.0"},"devDependencies":{"mocha":"1.17.x","should":"3.1.x"},"scripts":{"test":"mocha --reporter spec"},"gitHead":"1baf991e8794a7856ec2deecf646805feb29c0bd","bugs":{"url":"https://github.com/HewlettPackard/html-jsx-loader/issues"},"homepage":"https://github.com/HewlettPackard/html-jsx-loader","_id":"html-jsx-loader@0.1.9","_shasum":"e6cfdb91d3b5e1b6eab434c90c300b62ada28d3b","_from":".","_npmVersion":"2.7.5","_nodeVersion":"0.12.0","_npmUser":{"name":"alansouzati","email":"alansouzati@gmail.com"},"maintainers":[{"name":"alansouzati","email":"alansouzati@gmail.com"}],"dist":{"shasum":"e6cfdb91d3b5e1b6eab434c90c300b62ada28d3b","tarball":"https://registry.npmjs.org/html-jsx-loader/-/html-jsx-loader-0.1.9.tgz","integrity":"sha512-GDqfZEeIIwPl95dPt3u6l22X5hFaFzk9CVm2Wan5Qon/8HZ8WO2ajRJja6YuPymtrKQ+GLvHITbp0FywbFR8Ag==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDhTnE1lrHK+OZdXAWDPmux8abtI9l99x3xL98pRANXjAiBQZRP7vAdojRHuDvY90YuQagJ7cyLPDwIV1DndQQHQ6Q=="}]}},"0.1.10":{"name":"html-jsx-loader","version":"0.1.10","repository":{"type":"git","url":"https://github.com/HewlettPackard/html-jsx-loader.git"},"authors":["Alan Souza","Bryan Jacquot","Eric Soderberg"],"description":"html loader module to convert HTML to JSX for webpack","dependencies":{"loader-utils":"^0.2.6","htmltojsx":"^0.2.1","jsdom":"~4.4.0"},"devDependencies":{"mocha":"1.17.x","should":"3.1.x"},"scripts":{"test":"mocha --reporter spec"},"gitHead":"b4d9dcf1c8b7ca23ddf15962033c84ad554ce9c3","bugs":{"url":"https://github.com/HewlettPackard/html-jsx-loader/issues"},"homepage":"https://github.com/HewlettPackard/html-jsx-loader","_id":"html-jsx-loader@0.1.10","_shasum":"5610851c1b351c0c2698e3c34488cf953d15210b","_from":".","_npmVersion":"2.7.5","_nodeVersion":"0.12.0","_npmUser":{"name":"alansouzati","email":"alansouzati@gmail.com"},"maintainers":[{"name":"alansouzati","email":"alansouzati@gmail.com"}],"dist":{"shasum":"5610851c1b351c0c2698e3c34488cf953d15210b","tarball":"https://registry.npmjs.org/html-jsx-loader/-/html-jsx-loader-0.1.10.tgz","integrity":"sha512-1gzxGKlXv0a8/qp3pKIyVnha64Wkws81LPlS5el1IBIOJoE0JUkV9Q8uRX6WGRzi1mthZlWzBL/Ok0vsExXNTw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGNmgrsieav2YmjfGSJLxoHEEWGxVgRZ9m9zAeYqW4I9AiA4Hxza4S0bFSgQ3wZHeAI8q11sWSQ3uDa+oIEQipuDuQ=="}]}},"0.1.11":{"name":"html-jsx-loader","version":"0.1.11","repository":{"type":"git","url":"https://github.com/HewlettPackard/html-jsx-loader.git"},"authors":["Alan Souza","Bryan Jacquot","Eric Soderberg"],"description":"html loader module to convert HTML to JSX for webpack","dependencies":{"loader-utils":"^0.2.6","htmltojsx":"https://github.com/alansouzati/react-magic.git","jsdom":"~4.4.0"},"devDependencies":{"mocha":"1.17.x","should":"3.1.x"},"scripts":{"test":"mocha --reporter spec"},"gitHead":"622c04e3b80b2a37f51a95c9e8eecdea307a7d62","bugs":{"url":"https://github.com/HewlettPackard/html-jsx-loader/issues"},"homepage":"https://github.com/HewlettPackard/html-jsx-loader","_id":"html-jsx-loader@0.1.11","_shasum":"f36cc5484820acf78ac42c153f6d95ebbe13efa4","_from":".","_npmVersion":"2.7.5","_nodeVersion":"0.12.0","_npmUser":{"name":"alansouzati","email":"alansouzati@gmail.com"},"maintainers":[{"name":"alansouzati","email":"alansouzati@gmail.com"}],"dist":{"shasum":"f36cc5484820acf78ac42c153f6d95ebbe13efa4","tarball":"https://registry.npmjs.org/html-jsx-loader/-/html-jsx-loader-0.1.11.tgz","integrity":"sha512-GtYqhw/uKz2rGKek6HV80sn6fpZapTz+GpyhRVM15jtHsPJBBpPwQ1K4HIlD6zwvhfGtl8gvhpKnH8nZokOFXg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGs4OdK7NWbsiilb8sWasWfVzCyo8IVOKd48e0ETJid/AiAo36G6hCi7B+ps6729SQEu2LSTB10nOrVRw+Ie5fEuFQ=="}]}},"0.1.12":{"name":"html-jsx-loader","version":"0.1.12","repository":{"type":"git","url":"https://github.com/HewlettPackard/html-jsx-loader.git"},"authors":["Alan Souza","Bryan Jacquot","Eric Soderberg"],"description":"html loader module to convert HTML to JSX for webpack","dependencies":{"loader-utils":"^0.2.6","htmltojsx":"^0.2.2","jsdom":"~4.4.0"},"devDependencies":{"mocha":"1.17.x","should":"3.1.x"},"scripts":{"test":"mocha --reporter spec"},"gitHead":"c0027b0ff15a732505bdc3077c087bb4f8a14fcf","bugs":{"url":"https://github.com/HewlettPackard/html-jsx-loader/issues"},"homepage":"https://github.com/HewlettPackard/html-jsx-loader","_id":"html-jsx-loader@0.1.12","_shasum":"6b1e34a62f562086c85025061e27ea7e7b39c769","_from":".","_npmVersion":"2.7.5","_nodeVersion":"0.12.0","_npmUser":{"name":"alansouzati","email":"alansouzati@gmail.com"},"maintainers":[{"name":"alansouzati","email":"alansouzati@gmail.com"}],"dist":{"shasum":"6b1e34a62f562086c85025061e27ea7e7b39c769","tarball":"https://registry.npmjs.org/html-jsx-loader/-/html-jsx-loader-0.1.12.tgz","integrity":"sha512-M3QiF1ayR8PbkMOrUlHz6eZNcOtkOFddkJa9exluWtRZuM80vQvvMoSBG8mY2qmfWgzee349wiS0hpI1jAWnoA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHkC/X91OZbUidFD7cjel1Wsq573kyCn0mxKwYDl7rGKAiEAjfw3LqNNc97AWLMSbQxNpf8mGPlVqHNnvAoQU7IlLdA="}]}},"0.1.13":{"name":"html-jsx-loader","version":"0.1.13","repository":{"type":"git","url":"https://github.com/HewlettPackard/html-jsx-loader.git"},"authors":["Alan Souza","Bryan Jacquot","Eric Soderberg"],"description":"html loader module to convert HTML to JSX for webpack","dependencies":{"loader-utils":"^0.2.6","htmltojsx":"^0.2.2","jsdom":"~4.4.0"},"devDependencies":{"mocha":"1.17.x","should":"3.1.x"},"scripts":{"test":"mocha --reporter spec"},"gitHead":"021c146d35d3a9115d5a3251c0f4598530f8c99f","bugs":{"url":"https://github.com/HewlettPackard/html-jsx-loader/issues"},"homepage":"https://github.com/HewlettPackard/html-jsx-loader","_id":"html-jsx-loader@0.1.13","_shasum":"18617bcd736dd79f4990ae3bc5dbba32d396f696","_from":".","_npmVersion":"2.7.5","_nodeVersion":"0.12.0","_npmUser":{"name":"alansouzati","email":"alansouzati@gmail.com"},"maintainers":[{"name":"alansouzati","email":"alansouzati@gmail.com"}],"dist":{"shasum":"18617bcd736dd79f4990ae3bc5dbba32d396f696","tarball":"https://registry.npmjs.org/html-jsx-loader/-/html-jsx-loader-0.1.13.tgz","integrity":"sha512-4TzCYdn0mFf8BArXqM7oX/h5dDsJdreB8YCI0NA4v2x3l/22cgbH2HxpgZ4N8yGEfXUR0rjZkSJ1VANtOe3Rxg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDvI9+qJPolwwd+ZADb6rW0faIE0oZjuJgdkR+ElGjx8AIhAKVKjvRvZIbBeypeKtuM6hFY10kKiRr4jwLp9lGoOZ6Q"}]}},"0.1.14":{"name":"html-jsx-loader","version":"0.1.14","repository":{"type":"git","url":"https://github.com/HewlettPackard/html-jsx-loader.git"},"authors":["Alan Souza","Bryan Jacquot","Eric Soderberg"],"description":"html loader module to convert HTML to JSX for webpack","dependencies":{"loader-utils":"^0.2.6","htmltojsx":"^0.2.2","jsdom":"~3.1.2"},"devDependencies":{"mocha":"1.17.x","should":"3.1.x"},"scripts":{"test":"mocha --reporter spec"},"gitHead":"1d1eb2830b013c33504e18ae2aae60a7872c7865","bugs":{"url":"https://github.com/HewlettPackard/html-jsx-loader/issues"},"homepage":"https://github.com/HewlettPackard/html-jsx-loader","_id":"html-jsx-loader@0.1.14","_shasum":"d7edbf70d445ddeec2df4a73426e615fc12c197a","_from":".","_npmVersion":"2.7.5","_nodeVersion":"0.12.0","_npmUser":{"name":"alansouzati","email":"alansouzati@gmail.com"},"maintainers":[{"name":"alansouzati","email":"alansouzati@gmail.com"}],"dist":{"shasum":"d7edbf70d445ddeec2df4a73426e615fc12c197a","tarball":"https://registry.npmjs.org/html-jsx-loader/-/html-jsx-loader-0.1.14.tgz","integrity":"sha512-TtksGrKKplBO0skOq86ycK3/CM6q/LjFUtGYs4ShOKnqf9MqhFb6PGt7FIWhP35v1WyzohYIh2YP9o6SSWi4ig==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDVeBt03OX2er8yfPBXu5HmC5D8QMK1KsxIB3jzl76CfAiA9g/9fEtDX+dIQJgzVsCuo3t/Tl6HuYzed2FokPPOCCA=="}]}},"0.1.15":{"name":"html-jsx-loader","version":"0.1.15","repository":{"type":"git","url":"https://github.com/HewlettPackard/html-jsx-loader.git"},"authors":["Alan Souza","Bryan Jacquot","Eric Soderberg"],"description":"html loader module to convert HTML to JSX for webpack","dependencies":{"loader-utils":"^0.2.6","htmltojsx":"^0.2.2","jsdom-no-contextify":"~3.1.0"},"devDependencies":{"mocha":"1.17.x","should":"3.1.x"},"scripts":{"test":"mocha --reporter spec"},"gitHead":"b80ce28b95923114bd9a3b461e0298ce6e2f99e9","bugs":{"url":"https://github.com/HewlettPackard/html-jsx-loader/issues"},"homepage":"https://github.com/HewlettPackard/html-jsx-loader","_id":"html-jsx-loader@0.1.15","_shasum":"b3f03155bf8b2061063da59696bf1f774c1ed36f","_from":".","_npmVersion":"2.7.5","_nodeVersion":"0.12.0","_npmUser":{"name":"alansouzati","email":"alansouzati@gmail.com"},"maintainers":[{"name":"alansouzati","email":"alansouzati@gmail.com"}],"dist":{"shasum":"b3f03155bf8b2061063da59696bf1f774c1ed36f","tarball":"https://registry.npmjs.org/html-jsx-loader/-/html-jsx-loader-0.1.15.tgz","integrity":"sha512-Sud7NILfP3GXHTTI7S8BapkzXIDqAkVPm2XhxhpvmPuTZFqpmIgkxSJBCsGnLKeC+1a0QdWhmFTssnXmI6WmBg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBqLUcJmckP5KnWedbWlfxZUxLVcIVjBwsB2WxehinqLAiEAhq7mB9Kd+qSfB+pGL7r3V3NWc5WADFpPhipGwN6dcRk="}]}},"0.1.16":{"name":"html-jsx-loader","version":"0.1.16","repository":{"type":"git","url":"https://github.com/HewlettPackard/html-jsx-loader.git"},"authors":["Alan Souza","Bryan Jacquot","Eric Soderberg"],"description":"html loader module to convert HTML to JSX for webpack","dependencies":{"loader-utils":"^0.2.6","htmltojsx":"^0.2.2","jsdom-no-contextify":"~3.1.0"},"devDependencies":{"mocha":"1.17.x","should":"3.1.x"},"scripts":{"test":"mocha --reporter spec"},"gitHead":"87f39dcfe13e1d38cf8e5c5fc225facf4193933b","bugs":{"url":"https://github.com/HewlettPackard/html-jsx-loader/issues"},"homepage":"https://github.com/HewlettPackard/html-jsx-loader","_id":"html-jsx-loader@0.1.16","_shasum":"4082dcbca97f08d8ffe41ae68918f10acc963b09","_from":".","_npmVersion":"2.7.5","_nodeVersion":"0.12.0","_npmUser":{"name":"alansouzati","email":"alansouzati@gmail.com"},"maintainers":[{"name":"alansouzati","email":"alansouzati@gmail.com"}],"dist":{"shasum":"4082dcbca97f08d8ffe41ae68918f10acc963b09","tarball":"https://registry.npmjs.org/html-jsx-loader/-/html-jsx-loader-0.1.16.tgz","integrity":"sha512-jWLGrPYib3THWTSJlOty2sH6ku2C0PMW+0TVHikTSw0OOTOpBAxc1hUuSicm0/a8yqUKd2zyhzzHg0P/xCZfaA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDdWDF52cz6p8hEOB1BSlvM5UKV2AXTl5Td5ZQng/sCaQIhAN6Jqk8sHgNBeUkcO1LfxAzM8q/lzb1fns7r2zc0ovd9"}]}},"0.1.17":{"name":"html-jsx-loader","version":"0.1.17","repository":{"type":"git","url":"https://github.com/HewlettPackard/html-jsx-loader.git"},"authors":["Alan Souza","Bryan Jacquot","Eric Soderberg"],"description":"html loader module to convert HTML to JSX for webpack","dependencies":{"loader-utils":"^0.2.6","htmltojsx":"^0.2.2","jsdom-no-contextify":"~3.1.0"},"devDependencies":{"mocha":"1.17.x","should":"3.1.x"},"scripts":{"test":"mocha --reporter spec"},"gitHead":"17d5758be4ef877c61a7ae32953341ea7c7c3123","bugs":{"url":"https://github.com/HewlettPackard/html-jsx-loader/issues"},"homepage":"https://github.com/HewlettPackard/html-jsx-loader","_id":"html-jsx-loader@0.1.17","_shasum":"56a86bb56b65e9ffa747a8da336d7ef2191bcbe2","_from":".","_npmVersion":"2.7.5","_nodeVersion":"0.12.0","_npmUser":{"name":"alansouzati","email":"alansouzati@gmail.com"},"maintainers":[{"name":"alansouzati","email":"alansouzati@gmail.com"}],"dist":{"shasum":"56a86bb56b65e9ffa747a8da336d7ef2191bcbe2","tarball":"https://registry.npmjs.org/html-jsx-loader/-/html-jsx-loader-0.1.17.tgz","integrity":"sha512-IHDeyx9Xlwelpb/lr1ao85IA8S6QRpoBsW0zdeF9mzNg6tO8IpStQH4OZDWrjsvqapWAzQ1fWmvNn4sIzekP7A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD+8MAWgXFcNOuVZ3jE2v4+dmaJ5IFi6mQX3kJM6j5EWgIgMIv+fWDt/UMwpAgBz22vK9TJoPNDXv1gnc7n7T9kUZM="}]}}},"readme":"# html-jsx-loader\n\nWebpack loader module that exports HTML as [React](http://facebook.github.io/react/) JSX class.\n\n## Usage\n\n[Documentation: Using loaders](http://webpack.github.io/docs/using-loaders.html)\n\n## Examples\n\nAdd the **html-jsx-loader** to your Webpack configuration:\n\n``` javascript\n{\n\t...\n\tmodule: {\n\t\tloaders: [\n\t\t\t{ test: /\\.htm$/, loader: 'jsx-loader!imports?React=react!html-jsx-loader'}\n\t\t]},\n\t\tresolve: {\n\t\t\textensions: ['', '.js', '.htm']\n\t\t}\n\t}\n\t...\n}\n```\n\nNow you can write raw HTML (e.g. Introduction.htm) and webpack will automatically convert the content of this file to a React component.\n\nFinally, you can reference this component in your JavaScript code as follows:\n\n``` javascript\n\tvar Introduction = require('./Introduction'); \n\n\t//Introduction is not HTML but ReactJS class.\n```\n\n## Advanced Usage\n\n### Grouping tags\n\nIf you would like the **html-jsx-loader** to group tags into separate react components, use the query **group=true**:\n\n``` javascript\n{\n\t...\n\tmodule: {\n\t\tloaders: [\n\t\t\t{ test: /\\.htm$/, loader: 'jsx-loader!imports?React=react!html-jsx-loader?group=true'}\n\t\t]},\n\t\tresolve: {\n\t\t\textensions: ['', '.js', '.htm']\n\t\t}\n\t}\n\t...\n}\n```\n\nThen you can refer to your components like this:\n\n``` javascript\n\tvar Introduction = require('./Introduction');\n\tvar Header = Introduction.Header;\n\tvar Section = Introduction.Section;\n\n\t//Section will contain all <section /> tags\n```\n\n### React Router integration\n\nIf you would like the **html-jsx-loader** to parse **a** tags to React Router **Link** tags, specify data-* inside your markup and the conversion will be done automatically:\n\n\n``` html\n<html>\n\t<body>\n\t\t<a data-style=\"[color: 'white']\" data-activeStyle=\"[color: 'red']\" data-to=\"user\" data-params=\"[userId: user.id]\" data-query=\"[foo: bar]\">[user.name]</a>\n\t</body>\n</html>\n```\n\n``` javascript\n{\n\t...\n\tmodule: {\n\t\tloaders: [\n\t\t\t{ test: /\\.htm$/, loader: 'jsx-loader!imports?React=react,Router=react-router,Link=>Router.Link!html-jsx-loader'}\n\t\t]},\n\t\tresolve: {\n\t\t\textensions: ['', '.js', '.htm']\n\t\t}\n\t}\n\t...\n}\n```\n\nThe only required attribute is **data-to**. If not provided, the current **a** tag will remain unchanged.\n\n### Variable Replacement\n\nIf you would like the **html-jsx-loader** to replace a custom variable inside your HTML, create a variable in the format of \\_\\_VARIABLE_NAME\\_\\_ and add the desired replacement value as a query attribute to the loader. For Example:\n\n``` html\n<html>\n  <body>\n    <img src\"__LOCATION__/image.png\" />\n  </body>\n</html>\n```\n\n``` javascript\n{\n  ...\n  module: {\n    loaders: [\n      { test: /\\.htm$/, loader: 'jsx-loader!imports?React=react!html-jsx-loader?__LOCATION__=server'}\n    ]},\n    resolve: {\n      extensions: ['', '.js', '.htm']\n    }\n  }\n  ...\n}\n```\n\nThen, the expected **src** path of the image tag will be: 'server/image.png'. If the query is not specified, the corresponding variable in the HTML will not change.\n\n","maintainers":[{"name":"alansouzati","email":"alansouzati@gmail.com"},{"name":"ericsoderberg","email":"eric.soderberg@hpe.com"}],"time":{"modified":"2022-06-18T21:53:53.485Z","created":"2015-03-30T20:02:02.121Z","0.1.1":"2015-03-30T20:02:02.121Z","0.1.2":"2015-04-06T22:49:11.120Z","0.1.3":"2015-04-07T05:40:41.864Z","0.1.4":"2015-04-17T19:21:13.246Z","0.1.5":"2015-04-28T06:08:17.930Z","0.1.6":"2015-04-28T18:26:29.112Z","0.1.7":"2015-04-28T18:42:17.753Z","0.1.8":"2015-04-28T21:01:23.006Z","0.1.9":"2015-04-29T00:04:59.438Z","0.1.10":"2015-05-01T16:17:03.300Z","0.1.11":"2015-05-03T17:38:47.193Z","0.1.12":"2015-05-05T06:32:16.765Z","0.1.13":"2015-05-14T01:22:27.369Z","0.1.14":"2015-06-25T18:07:31.380Z","0.1.15":"2015-06-29T17:50:21.201Z","0.1.16":"2015-06-29T18:36:35.116Z","0.1.17":"2015-08-24T16:28:24.166Z"},"homepage":"https://github.com/HewlettPackard/html-jsx-loader","repository":{"type":"git","url":"https://github.com/HewlettPackard/html-jsx-loader.git"},"bugs":{"url":"https://github.com/HewlettPackard/html-jsx-loader/issues"},"readmeFilename":"README.md","users":{"alansouzati":true}}