vite-plugin-youdeyiwu-mp

使用 vite + typescript + sass 构建编译微信小程序

注意使用的版本，该插件测试的模板为微信小程序 Ts + Scss，以及 Vite 5

安装

• yarn

1yarn add -D glob rollup-plugin-copy

使用

• 编辑 vite.config.ts 文件添加插件

1import {defineConfig} from 'vite';
2import path from "path";
3import youdeyiwuMp from '@youdeyiwu/vite-plugin-mp';
4
5export default defineConfig({
6    plugins: [
7        youdeyiwuMp({
8            buildDir: path.resolve(__dirname, 'miniprogram'),
9            outputDir: path.resolve(__dirname, 'dist')
10        })
11    ]
12})

• 构建编译小程序

1yarn build

选项

• buildDir 必填。编译小程序的代码目录
• outputDir 必填。输出编译小程序的代码目录

其他

如果遇到无法编译，考虑移除该插件，因为该插件只是使用 vite 来对文件进行编译而已

即使不使用 vite，微信开发者工具也能进行编译，除此之外没有区别

移除该插件，剩下的就是熟悉的微信小程序代码

License

MIT