vite-plugin-youdeyiwu-mp
使用 vite + typescript + sass 构建编译微信小程序
注意使用的版本，该插件测试的模板为微信小程序 Ts + Scss，以及 Vite 5
安装
- yarn
yarn add -D glob rollup-plugin-copy使用
- 编辑 vite.config.ts 文件添加插件
import {defineConfig} from 'vite';
import path from "path";
import youdeyiwuMp from '@youdeyiwu/vite-plugin-mp';
export default defineConfig({
plugins: [
youdeyiwuMp({
buildDir: path.resolve(__dirname, 'miniprogram'),
outputDir: path.resolve(__dirname, 'dist')
})
]
})- 构建编译小程序
yarn build选项
- buildDir 必填。编译小程序的代码目录
- outputDir 必填。输出编译小程序的代码目录
其他
如果遇到无法编译，考虑移除该插件，因为该插件只是使用 vite 来对文件进行编译而已
即使不使用 vite，微信开发者工具也能进行编译，除此之外没有区别
移除该插件，剩下的就是熟悉的微信小程序代码