原生开发如何配置？

[dufu1991]

我看文档里写的原生小程序开发，直接上来就是 webpack5 和 gulp！，但是我之前开发的小程序完全没用到这两个东西，原生开发不借助这些工具是不是无法使用此库？

[sonofmagic]

的确，文档里面那块没写清楚，那一块主要是以我配置好的模板为例的：

weapp-native-mina-tailwindcss-template(webpack打包)

weapp-tailwindcss-gulp-template(gulp打包)

使用 webpack / gulp 的原因主要是要给原生小程序开发添加更强大的支持。

比如 wxss 可以由 scss-> postcss -> wxss 这条流程进行处理 比如 js 可以用 tsc/babel 进行预先额外处理 而 wxml 也可以用更强大的模板，比如 vue 来编写，这便是 uni-app/mpx 的思路。

的确原生开发不借助这些辅助工具是没法用此库的，因为 tailwindcss 本身就依赖 postcss@^8 了，原生小程序是没有这些工具链的（或者都被藏在了微信的IDE里），所以要在里面加入 webpack/vite/gulp 这样的编译核心，然后再自由的处理里面 ts/scss/vue/html 等等的代码和资源文件，并把它们处理成原生小程序需要的样子。

[dufu1991]

明白，能否增加一个原生使用 Vite 的配置指南？非常感谢。

[sonofmagic]

明白，能否增加一个原生使用 Vite 的配置指南？非常感谢。

这个嘛，从0开始配置 vite 给它写插件去适配小程序，这个本身就像造框架，非常的耗精力的。

可以在github或者搜索引擎搜一下，是不是已经有成熟的 vite 原生小程序方案 (我粗略搜了一下，找到的都是 uni-app)

另外 uni-app vue3 vite 版本就是用 vite 打包的，它就是开箱即用且背后有商业团队维护的，可惜没有满足你原生开发的需求。

[dufu1991]

算了，放弃，小程序能不做就不做了。好好沿用 web 标准啥事没有，TMD 的腾讯自己搞一套半成品。