0.1.0 • Published 2 years ago
vite-plugin-vue-insert-code v0.1.0
vite-plugin-vue-insert-code
insert template or script to vue sfc.
only for vue3 and vite
install
npm install -D vite-plugin-vue-insert-code
example
// vite.config.ts
export default defineConfig({
plugins: [
insertcode({
// fileRegex: /\.(vue)$/, // skil file when file not match this, default: /\.(vue)$/
// flag: '<-- insertcode -->', // if flag not empty, skip file when not include this
// ignoreFlag: '<-- not insertcode -->', // if ignoreFlag not empty, skip file when include this
rules: [
{
// trace every vue sfc file, skip it when this function not return true
match: path => {
if (path.includes('Hello World.vue')) {
return false
}
return true
},
// add script at top of <script setup>
addScriptTop: `import Login from './Login.vue'\nimport Loading from ./Loading.vue`,
// add script at bottom of <script setup>
addScriptBottom: `showLoading()`,
// add code at top of <template>
addTemplateTop: `<Login/>`,
// add code at bottom of <template>
addTemplateBottom: `<Loading/>`,
// show some debug info
// debug: true,
}
]
}),
],
// ...
}
0.1.0
2 years ago