Install required dependencies, configure PostCSS and Vite plugin, create global app.css entry file, import styles in main.js, and add postinstall patch script.
40 lines
875 B
JavaScript
40 lines
875 B
JavaScript
import { defineConfig } from "vite";
|
|
import path from "path";
|
|
import uni from "@dcloudio/vite-plugin-uni";
|
|
import md5 from "md5-hash";
|
|
import tailwindcss from "@tailwindcss/postcss";
|
|
import { UnifiedViteWeappTailwindcssPlugin } from "weapp-tailwindcss/vite";
|
|
|
|
// https://vitejs.dev/config/
|
|
export default defineConfig({
|
|
resolve: {
|
|
alias: {
|
|
"@": path.join(__dirname, "./src"),
|
|
},
|
|
},
|
|
css: {
|
|
postcss: {
|
|
plugins: [tailwindcss()],
|
|
},
|
|
preprocessorOptions: {
|
|
scss: {
|
|
api: "modern-compiler",
|
|
silenceDeprecations: ["legacy-js-api"],
|
|
},
|
|
},
|
|
},
|
|
plugins: [
|
|
uni(),
|
|
UnifiedViteWeappTailwindcssPlugin({
|
|
rem2rpx: true,
|
|
cssEntries: [path.resolve(__dirname, "./src/app.css")],
|
|
}),
|
|
],
|
|
build: {
|
|
commonjsOptions: {
|
|
transformMixedEsModules: true,
|
|
},
|
|
rollupOptions: {},
|
|
},
|
|
});
|