jobsys-mpower/vite.config.js

Enhanced component based on Taro & NutUI

import { fileURLToPath } from "url"
import { defineConfig } from "vite"
import vue from "@vitejs/plugin-vue"
import vueJsx from "@vitejs/plugin-vue-jsx"
import eslintPlugin from "vite-plugin-eslint"
import Components from "unplugin-vue-components/vite"
import NutUIResolver from "@nutui/auto-import-resolver"

// https://vitejs.dev/config/
export default defineConfig({
	plugins: [
		vue(),
		vueJsx(),
		eslintPlugin({
			include: ["components/**/*.{js,vue,jsx}"],
		}),
		Components({
			include: [/\.jsx?$/, /\.vue$/, /\.vue\?vue/],
			resolvers: [NutUIResolver({ taro: true })],
		}),
	],
	resolve: {
		alias: {
			"@": fileURLToPath(new URL("./src", import.meta.url)),
		},
	},
	css: {
		preprocessorOptions: {
			scss: {
				// example : additionalData: `@import "./src/design/styles/variables";`
				// dont need include file extend .scss
				additionalData: `@import "@nutui/nutui-taro/dist/styles/variables.scss";`,
			},
		},
	},
	build: {
		lib: {
			entry: ["./index.js", "./hooks/index.js"],
			fileName: (format, entryName) => {
				const extension = format === "es" ? "js" : "cjs"
				return `${entryName}.${extension}`
			},
		},
		sourcemap: true,
		rollupOptions: {
			input: {
				"jobsys-mpower": "./index.js",
				hooks: "./hooks/index.js",
			},
			// make sure to externalize deps that shouldn't be bundledinto your library
			external: ["vue", /* "@nutui/nutui-taro", */ "axios", "lodash-es", "dayjs"],
			output: {
				exports: "named",
				globals: {
					vue: "Vue",
					axios: "axios",
					dayjs: "dayjs",
					/* "@nutui/nutui-taro": "@nutui/nutui-taro", */
					"lodash-es": "lodash",
				},
			},
		},
	},
	server: {
		host: true,
		port: 3008,
		proxy: {
			"/index.php": {
				target: "http://127.0.0.1/xuegong/",
				changeOrigin: true,
			},
		},
	},
})