这个vite.config.js文件是Vite项目的核心配置文件，它使用导出一个配置对象来定制Vite的行为。下面我将逐部分解读这个配置：

import { defineConfig } from 'vite'
import legacy from '@vitejs/plugin-legacy';
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'

export default defineConfig({
  base: "./",
  plugins: [
    vue(),
    legacy({
      targets: ["defaults", "not IE 11"],
    })
  ],
  server: {
    port: 3000
  },
  resolve: {
    alias: {
      '@': resolve('src')
    }
  }
})

图片画廊组件是网站中常见的UI组件，尤其是在电商平台的产品详情页上，它允许用户通过缩略图快速浏览和查看产品的多个图片。本文介绍如何仅使用原生的js、css和html实现下面动画呈现的图片画廊组件。

功能介绍

1. html结构中上方为主图区域，下方为缩略图列表，缩略图列表的两边为控制水平左右滑动的箭头导航；

今天给小伙伴们分享一个超棒的Vue图片任意裁剪插件VueImgCutter。

vue-img-cutter 基于 vue2.x 构建的轻量级剪切图片组件。支持移动图像、放大缩小图片、任意移动图片、固定比例/尺寸、远程图片裁剪等功能。

功能特色

• 兼容IE9+，MSEdge，Chrome，Firefox
• 两种展现形式，行内或弹窗
• 可旋转、缩放图片

很多企业和个人创作者都有这样的困境：

• 只想快速做个 公众号封面、小红书 Banner，却要打开动辄几个 G 的设计软件；