使用文档地址: vite.icebreaker.top

Features

• 🚀 Vue 3 支持：完整的 Vue 单文件组件（SFC）支持，使用 Vue 官方编译器

  • <script setup> 和 TypeScript 完整支持
  • 完整的模板语法（v-if、v-for、v-model 等）
  • Scoped CSS 和 CSS Modules
  • 动态组件、过渡动画、KeepAlive
  • 详细文档 →

• ⚡️ Vite 构建：带来了 typescript / scss / less 等等的原生支持

• 🔌 插件生态：Vite 插件生态支持，也可以自定义编写插件，方便扩展

快速开始

Vue 项目

import weappVite from '@weapp-vite/vite'
// vite.config.ts
import { defineConfig } from 'vite'

export default defineConfig({
  plugins: [
    weappVite({
      vue: {
        enable: true,
        template: {
          removeComments: true,
        },
      },
    }),
  ],
})

<!-- App.vue -->
<script setup>
import { ref } from 'vue'

const message = ref('Hello Vue in Mini-program!')

function handleClick() {
  console.log('Button clicked!')
}
</script>

<template>
  <view class="container">
    <text>{{ message }}</text>
    <button @click="handleClick">
      Click
    </button>
  </view>
</template>

<style scoped>
.container {
  padding: 20rpx;
}
</style>

📚 完整文档: Vue 支持文档

Contribute

我们邀请你来贡献和帮助改进 weapp-vite 💚💚💚

以下有几个方式可以参与:

• 报告错误：如果您遇到任何错误或问题，请提issue并提供完善的错误信息和复现方式。
• 建议：有增强 weapp-vite 的想法吗？请提 issue 来分享您的建议。
• 文档：如果您对文档有更好的见解或者更棒的修辞方式，欢迎 pr。
• 代码：任何人的代码都不是完美的，我们欢迎你通过 pr 给代码提供更好的质量与活力。

License

MIT