vue-tools-split
Split a .vue
file into script.js
, style.css
and template.html
.
Example
Input component:
// MyCmp.vue
<template>
<div class="my-cmp">MyCmp</div>
</template>
<script>
export {
name : 'my-cmp'
}
</script>
<style>
.my-cmp {
margin : 5px;
}
</style>
Script:
const vueToolsSplit = ;const sections = vueToolsSplit;console;// { vue: '<template src="./template.html" />\n<script src="./script.js" />\n<style src="./style.css" />\n',// template: ' <div class="my-cmp">MyCmp</div>',// script: ' export {\n name : \'my-cmp\'\n }',// style: ' .my-cmp {\n margin : 5px;\n }' }//------------------------------------------------------------------------------// Write result to files.//------------------------------------------------------------------------------vueToolsSplit;// ├── index.vue// ├── script.js// ├── style.css// └── template.html