详解auto-vue-file:一个自动创建vue组件的包

<template>
 <div class="zlj-p-ct">
 zlj组件
 </div>
</template>
<script>
export default {
 name: 'zlj'
}
</script>
<style lang="scss" scoped>
.zlj-p-ct {

}
</style>

// myForm.vue
<template>
 <div class="myForm-p-ct">
 myForm组件
 </div>
</template>
<script>
export default {
 name: 'myForm'
}
</script>
<style lang="scss" scoped>
.myForm-p-ct {

}
</style>
// index.js
import myForm from './myForm.vue'
export default myForm

// template.js you can generate
// auto-vue-file.template.js
  module.exports = {
   vueTemplate: ponentName => {
   return `<template>
   <div class="${ponentName}-p-ct">
   ${ponentName}组件
   </div>
  </template>
  <script>
  export default {
   name: '${ponentName}'
  }
  </script>
  <style lang="scss" scoped>
  .${ponentName}-p-ct {
  
  }
  </style>
  `
   },
   entryTemplate: ponentName => {
   return `import ${ponentName} from './${ponentName}.vue'
  export default ${ponentName}`}
  }