// vue.config.js for less-loader@6.0.0
module.exports = {
	configureWebpack: (config) => {
		config.module.rules.push({
			test: /\.(md|htm)$/,
			use: [{
				loader: 'text-loader', // 解决ivew组件 忽略前缀i的问题
				options: {
					prefix: false
				}
			}, ]
		})
	},
	css: {
		loaderOptions: {
			less: {
				lessOptions: {
					// If you are using less-loader@5 please spread the lessOptions to options directly
					modifyVars: {
						"primary-color": "#1DA57A", // 全局主色
						// "link-color": "#1890ff", // 链接色
						"link-color": "#ffffff", // 链接色
						"link-hover-color": "#30a9de",
						"success-color": "#52c41a", // 成功色
						"warning-color": "#faad14", // 警告色
						"error-color": "#f5222d", // 错误色
						"font-size-base": "14px", // 主字号
						"heading-color": "rgba(0, 0, 0, 0.85) ", // 标题色
						"text-color": "rgba(0, 0, 0, 0.65) ", // 主文本色
						"text-color-secondary": "rgba(0, 0, 0, 0.45) ", // 次文本色
						"disabled-color": "rgba(0, 0, 0, 0.25)", // 失效色
						"border-radius-base": "4px", // 组件 / 浮层圆角 "border-color-base": "#d9d9d9" ,// 边框色
						"box-shadow-base": "0 2px 8px rgba(0, 0, 0, 0.15) " // 浮层阴影
					},
					javascriptEnabled: true,
				},
			},
		},
	},
	devServer: {
		port: 8080,
		proxy: {
			'/api': {
				target: process.env.VUE_APP_API_BASE_URL,
				ws: false,
				changeOrigin: true,
				pathRewrite: {
					'^/api': '' // 需要rewrite的,
				}
			}
		}
	},
};