A RequireJS plugin to load and parse VueJS components ( .vue )
npm install require-vuejs
This library has only 4Kb ( minified ).
* Real time integration
* Don't need build to use
* Used as RequireJS plugin
* You can use syntax detection from your IDE
* Suport for single file component
* Work with or without extension
* Support .html and .vue files
* CSS inside component file
https://rawgit.com/edgardleal/require-vuejs/master/dist/require-vuejs.js
For production usage: ( Fast CDN, long age cache and minified )
https://cdn.rawgit.com/edgardleal/require-vuejs/aeaff6db/dist/require-vuejs.min.js
npm install require-vuejs
This example on Codepen
app.js
component.vue
index.html
index.html
``html`
---
Create your component: ( component.vue )
`html`
{{text}}
---
Create your app code: ( app.js )
`js`
requirejs.config({
paths: {
"Vue": "https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.1/vue.min",
"vue": "https://rawgit.com/edgardleal/require-vue/master/dist/require-vuejs"
},
shim: {
"Vue": {"exports": "Vue"}
}
});
// to use component in your code with RequireJS:
// put a reference to your component file with or without extencion after 'vue!'
require(["Vue", "vue!component"], function(Vue){
var app = new Vue({
el: "#app"
});
});
Create a build file to r.js. In this example we are using a file named build.js:
`js`
({
baseUrl: ".",
paths: {
"Vue": "https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.1/vue",
"vue": "require-vuejs" // full path to require-vuejs library file
},
name: "app",
out: "main-built.js"
})
After create the file build.js with your build configuration execute this command:
`bash``
r.js -o build.js