const {defineConfig} = require('@vue/cli-service');
const AutoImport = require('unplugin-auto-import/webpack');
const Components = require('unplugin-vue-components/webpack');
const {ElementPlusResolver} = require('unplugin-vue-components/resolvers');
const ElementPlus = require('unplugin-element-plus/webpack')

module.exports = defineConfig({
	transpileDependencies: true,
	devServer: {
		proxy: {
			'/api': {
				// target: 'http://192.168.3.98:1001',
				target: 'https://192.168.2.148:7158',
				// target: process.env.VUE_APP_START_PORT_DEV2,
				changeOrigin: true,
				pathRewrite: {'^/api': '/api'},
			},
		},
	},

	chainWebpack: (config) => {
		config.plugin('define').tap((definitions) => {
			Object.assign(definitions[0], {
				__VUE_OPTIONS_API__: 'true',
				__VUE_PROD_DEVTOOLS__: 'false',
				__VUE_PROD_HYDRATION_MISMATCH_DETAILS__: 'false'
			})
			return definitions
		})
	},
	// css: {
	// 	loaderOptions: {
	// 		scss: {
	// 			additionalData: `@use "~@/styles/index.scss" as *;`,
	// 		},
	// 	},
	// },
	configureWebpack: {
		plugins: [
			AutoImport({
				resolvers: [ElementPlusResolver()],
			}),
			// Components({
			// 	resolvers: [ElementPlusResolver()],
			// }),
			ElementPlus({
				useSource: true,
			}),
		],
	},
});