Is there any way to compile .vue file into .js file without webpack or browserify? I know the goodness of webpack or browserify but I just want the simplest way to compile the .vue file. For example, I have a single file component comp.vue complied into comp.js (the compiler should be able to compile sass and pug in .vue file) and then I can use it in my app like below:
<head>
<script src="vue.min.js"></script>
<script src="comp.js"></script> //it may pack the whole component into variable comp and add the style
<script>
Vue.component('comp', comp);
window.onload = function() {
new Vue({el: '#app'});
}
</script>
</head>
<body id='app'>
<comp></comp>
</body>
or other similar/simpler way?
The vue-cli tool (version 2.8.0) has a build command that you can run to build an individual component.
vue build Component.vue --prod --lib
This will create an optimized bundle in UMD format, and the name of exported library is set to Component, you can use --lib [CustomLibraryName] to customize it.
You can take the built script and include it in your file like you are in your question. Technically it does use webpack under the hood, but you do not have to configure anything.
来源：https://stackoverflow.com/questions/43780134/compile-vue-file-into-js-file-without-webpack-or-browserify