{"_id":"vue-multi-loader","_rev":"60-ad8c55917000a7a2b004bfbb7fab3868","name":"vue-multi-loader","dist-tags":{"latest":"0.0.5"},"versions":{"0.0.1":{"name":"vue-multi-loader","version":"0.0.1","keywords":["vue","webpack","loader"],"author":{"name":"Sjoerd Visscher"},"license":"ISC","_id":"vue-multi-loader@0.0.1","maintainers":[{"name":"sjoerd_visscher","email":"sjoerd@q42.nl"}],"homepage":"https://github.com/Q42/vue-multi-loader","bugs":{"url":"https://github.com/Q42/vue-multi-loader/issues"},"dist":{"shasum":"c5f423a1260fe12fa92ffa9b43d7893df807e40c","tarball":"https://registry.npmjs.org/vue-multi-loader/-/vue-multi-loader-0.0.1.tgz","integrity":"sha512-A74bVFxPt5Z14LmFYuGX3UOahpr15ZziVt4BiA2DihKRju84eAcHKwPcr8Ibnroj1/4fhpmP6RXHPX/xwix6xg==","signatures":[{"sig":"MEQCID5RVC4AF/woWx1cIA56j7s/5qqIWqt8yP48mMOegKirAiAcGSx9hAMmNTiCvGx3BWZpHpP8FTj/WfxXzuGKLPZggg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","_from":".","_shasum":"c5f423a1260fe12fa92ffa9b43d7893df807e40c","gitHead":"f90373017aa1930e173e2d2150924464d12adfdb","scripts":{},"_npmUser":{"name":"sjoerd_visscher","email":"sjoerd@q42.nl"},"deprecated":"This code has been merged into the offical vue-loader.","repository":{"url":"https://github.com/Q42/vue-multi-loader.git","type":"git"},"_npmVersion":"1.4.28","description":"Vue.js component loader for Webpack, using Webpack loaders for the parts","directories":{},"dependencies":{"parse5":"^1.1.4"}},"0.0.2":{"name":"vue-multi-loader","version":"0.0.2","keywords":["vue","webpack","loader"],"author":{"name":"Sjoerd Visscher"},"license":"ISC","_id":"vue-multi-loader@0.0.2","maintainers":[{"name":"sjoerd_visscher","email":"sjoerd@q42.nl"}],"homepage":"https://github.com/Q42/vue-multi-loader","bugs":{"url":"https://github.com/Q42/vue-multi-loader/issues"},"dist":{"shasum":"9b507c5e3a99dcc5613803a55473a22c6f7bd2a0","tarball":"https://registry.npmjs.org/vue-multi-loader/-/vue-multi-loader-0.0.2.tgz","integrity":"sha512-VqC7so2Da7myGoj3dgCN15j+mEsVBhDedgw0gxDoybll5OySeZIG62x8soSP6Xj7B4aEef6wyib6xqtEaHJ/Zw==","signatures":[{"sig":"MEUCIFcihCkJfaWwxvpx23rM4CWR0KBEZlfeljbOyaOfgmaNAiEAkPEfLRMS0JVhaDezSt9LXWPsB23zdKMWinpH8mhK0R4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","_from":".","_shasum":"9b507c5e3a99dcc5613803a55473a22c6f7bd2a0","gitHead":"f90373017aa1930e173e2d2150924464d12adfdb","scripts":{},"_npmUser":{"name":"sjoerd_visscher","email":"sjoerd@q42.nl"},"deprecated":"This code has been merged into the offical vue-loader.","repository":{"url":"https://github.com/Q42/vue-multi-loader.git","type":"git"},"_npmVersion":"1.4.28","description":"Vue.js component loader for Webpack, using Webpack loaders for the parts","directories":{},"dependencies":{"parse5":"^1.1.4"}},"0.0.3":{"name":"vue-multi-loader","version":"0.0.3","keywords":["vue","webpack","loader"],"author":{"name":"Sjoerd Visscher"},"license":"ISC","_id":"vue-multi-loader@0.0.3","maintainers":[{"name":"sjoerd_visscher","email":"sjoerd@q42.nl"}],"homepage":"https://github.com/Q42/vue-multi-loader","bugs":{"url":"https://github.com/Q42/vue-multi-loader/issues"},"dist":{"shasum":"66ff74db79a550a8cab21c6ea59384bc1235e7ae","tarball":"https://registry.npmjs.org/vue-multi-loader/-/vue-multi-loader-0.0.3.tgz","integrity":"sha512-+myGuSuSjmMPLp/PJurABNnw5Gc1dvPJkN68z2HRszgpt08zQ/c+QmHBA1EkIZpBi+9p0uagRdEI26+jP1VKRQ==","signatures":[{"sig":"MEQCIAc/7GFaEWygt9lqNShsQ14SRpCvuhL4kgoLljJvWuU1AiAwg2jcJk4xncgEhB/uYE2QZjojyXap0Qh0iGu6BhFknw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","_from":".","_shasum":"66ff74db79a550a8cab21c6ea59384bc1235e7ae","gitHead":"9bc441f4bf8cfdab4f8f7ca1b7cdb7a372967dbe","scripts":{},"_npmUser":{"name":"sjoerd_visscher","email":"sjoerd@q42.nl"},"deprecated":"This code has been merged into the offical vue-loader.","repository":{"url":"https://github.com/Q42/vue-multi-loader.git","type":"git"},"_npmVersion":"1.4.28","description":"Vue.js component loader for Webpack, using Webpack loaders for the parts","directories":{},"dependencies":{"parse5":"^1.1.4"}},"0.0.4":{"name":"vue-multi-loader","version":"0.0.4","keywords":["vue","webpack","loader"],"author":{"name":"Sjoerd Visscher"},"license":"ISC","_id":"vue-multi-loader@0.0.4","maintainers":[{"name":"sjoerd_visscher","email":"sjoerd@q42.nl"}],"homepage":"https://github.com/Q42/vue-multi-loader","bugs":{"url":"https://github.com/Q42/vue-multi-loader/issues"},"dist":{"shasum":"add7c3893ea0a2d64986f558c9886ad7d11f8526","tarball":"https://registry.npmjs.org/vue-multi-loader/-/vue-multi-loader-0.0.4.tgz","integrity":"sha512-XUwlWRAxMt32R8vngSzTWPJuJTdY6lWvuQkfF7nCbffXru9VUejmQ+fWmfwLkedAD4DIaFceHpzE22V+Z9mdAg==","signatures":[{"sig":"MEYCIQCsp8R97rckUxtKbug9lTXjejfMj+S3rvR/RwXAjmu7WAIhALo8W4u6nZQ38q8aFm8ikfKZnMppPX8WFa24LRlyJu0L","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","_from":".","_shasum":"add7c3893ea0a2d64986f558c9886ad7d11f8526","gitHead":"f9945eeee6692d2d19fb03ac193ff47095b52416","scripts":{},"_npmUser":{"name":"sjoerd_visscher","email":"sjoerd@q42.nl"},"deprecated":"This code has been merged into the offical vue-loader.","repository":{"url":"https://github.com/Q42/vue-multi-loader.git","type":"git"},"_npmVersion":"2.7.5","description":"Vue.js component loader for Webpack, using Webpack loaders for the parts","directories":{},"_nodeVersion":"0.12.2","dependencies":{"parse5":"^1.1.4","source-map":"^0.4.2","loader-utils":"^0.2.7"}},"0.0.5":{"name":"vue-multi-loader","version":"0.0.5","keywords":["vue","webpack","loader"],"author":{"name":"Sjoerd Visscher"},"license":"ISC","_id":"vue-multi-loader@0.0.5","maintainers":[{"name":"sjoerd_visscher","email":"sjoerd@q42.nl"}],"homepage":"https://github.com/Q42/vue-multi-loader","bugs":{"url":"https://github.com/Q42/vue-multi-loader/issues"},"dist":{"shasum":"d270c4c40872523b2bd315694de99eee3c27dd02","tarball":"https://registry.npmjs.org/vue-multi-loader/-/vue-multi-loader-0.0.5.tgz","integrity":"sha512-BqcCr7PUu6XlmqjoUJBJJEhU9ncpwTFercrezNp/hjRShxsbz1EE3TkhUsZALg6KrzFNGNPJI4JWoxE10lcKdA==","signatures":[{"sig":"MEYCIQC9kFjF+0lWrUJuqlm9TsLgsjRzt8b3DFrqlYO2e+6DrQIhAPJdYzBrzas21cAEktxNaV3X20GYUYAIUUIr/nHROl8L","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","_from":".","_shasum":"d270c4c40872523b2bd315694de99eee3c27dd02","gitHead":"89d7d515025a8dd5d72285796f39dfafd91a86c0","scripts":{},"_npmUser":{"name":"sjoerd_visscher","email":"sjoerd@q42.nl"},"deprecated":"This code has been merged into the offical vue-loader.","repository":{"url":"https://github.com/Q42/vue-multi-loader.git","type":"git"},"_npmVersion":"2.7.5","description":"Vue.js component loader for Webpack, using Webpack loaders for the parts","directories":{},"_nodeVersion":"0.12.2","dependencies":{"parse5":"^1.1.4","source-map":"^0.4.2","loader-utils":"^0.2.7"}}},"time":{"created":"2015-05-07T12:33:16.575Z","modified":"2026-03-25T10:47:08.818Z","0.0.1":"2015-05-07T12:33:16.575Z","0.0.2":"2015-05-07T14:13:38.007Z","0.0.3":"2015-05-12T12:29:09.415Z","0.0.4":"2015-05-14T22:55:57.056Z","0.0.5":"2015-06-08T11:46:36.007Z"},"bugs":{"url":"https://github.com/Q42/vue-multi-loader/issues"},"author":{"name":"Sjoerd Visscher"},"license":"ISC","homepage":"https://github.com/Q42/vue-multi-loader","keywords":["vue","webpack","loader"],"repository":{"url":"https://github.com/Q42/vue-multi-loader.git","type":"git"},"description":"Vue.js component loader for Webpack, using Webpack loaders for the parts","maintainers":[{"email":"bob@q42.nl","name":"vanoorschot"},{"email":"jaap@q42.nl","name":"q42jaap"},{"email":"roelfjandevries@gmail.com","name":"roelfjan"},{"email":"martin@q42.nl","name":"mrtnkl"},{"email":"lukas@q42.nl","name":"lukasvan3l"},{"email":"jaap.mengers@gmail.com","name":"jaapmengers"},{"email":"tobias@q42.nl","name":"tstikvoort"},{"email":"ruben.bimmel@gmail.com","name":"rubenbimmel"},{"email":"antonh@q42.nl","name":"cptmeatball"},{"email":"m0rph3v5@gmail.com","name":"m0rph3v5"},{"email":"roland.kierkels@noveesoft.com","name":"rcjkierkels"},{"email":"rens.verhoeven@q42.nl","name":"rens.q42"},{"email":"sandervw@q42.nl","name":"sandervw"},{"email":"stijndeligt@gmail.com","name":"tea-lover-418"},{"email":"verstijnen.len@gmail.com","name":"lenverstijnen"},{"email":"sjoerd@w3future.com","name":"sjoerd_visscher"}],"readme":"# vue-multi-loader\n\n> Vue.js component loader for [Webpack](http://webpack.github.io), using Webpack loaders for the parts.\n\nIt allows you to write your components in this format:\n\n``` html\n// app.vue\n<style>\n  .red {\n    color: #f00;\n  }\n</style>\n\n<template>\n  <h1 class=\"red\">{{msg}}</h1>\n</template>\n\n<script>\n  module.exports = {\n    data: function () {\n      return {\n        msg: 'Hello world!'\n      }\n    }\n  }\n</script>\n```\n\nYou can also mix preprocessor languages in the component file:\n\n``` html\n// app.vue\n<style lang=\"stylus\">\n.red\n  color #f00\n</style>\n\n<template lang=\"jade\">\nh1(class=\"red\") {{msg}}\n</template>\n\n<script lang=\"coffee\">\nmodule.exports =\n  data: ->\n    msg: 'Hello world!'\n</script>\n```\n\nAnd you can import using the `src` attribute (note that there's no need for a `lang` attribute here, as Webpack will\nbe used to determine which loader applies):\n\n``` html\n<style src=\"style.styl\"></style>\n```\n\n## Usage\n\nConfig Webpack:\n\n``` js\n// webpack.config.js\nmodule.exports = {\n  entry: \"./main.js\",\n  output: {\n    filename: \"build.js\"\n  },\n  module: {\n    loaders: [\n      { test: /\\.vue$/, loader: \"vue-multi-loader\" },\n    ]\n  }\n}\n```\n\nAnd this is all you need to do in your main entry file:\n\n``` js\n// main.js\nvar Vue = require('vue')\nvar appOptions = require('./app.vue')\nvar app = new Vue(appOptions).$mount('#app')\n```\n\n## Loader configuration\n\nBy default, `vue-multi-loader` will try to use the loader with the same name as\nthe `lang` attribute, but you can configure which loader should be used.\n\nFor example, to extract out the generated css into a separate file,\nuse this configuration:\n\n``` js\n// webpack.config.js\nvar ExtractTextPlugin = require(\"extract-text-webpack-plugin\");\nvar vue = require(\"vue-multi-loader\");\n\nmodule.exports = {\n  entry: \"./main.js\",\n  output: {\n    filename: \"build.js\"\n  },\n  module: {\n    loaders: [\n      {\n        test: /\\.vue$/, loader: vue.withLoaders({\n          css: ExtractTextPlugin.extract(\"css\"),\n          stylus: ExtractTextPlugin.extract(\"css!stylus\")\n        })\n      },\n    ]\n  },\n  plugins: [\n    new ExtractTextPlugin(\"[name].css\")\n  ]\n}\n```\n","readmeFilename":"README.md","users":{"xhinking":true}}