const Unocss = require('@unocss/webpack').default
const path = require('node:path')
const { defineConfig } = require('@vue/cli-service')

module.exports = defineConfig({
  transpileDependencies: true,  // 是否 transpile 依赖库中的 css 代码
  publicPath: "/", // 公共路径，用于指定打包后的资源在生产环境中的访问路径
  outputDir: "dist",// 输出目录，用于指定生成的打包文件放置的目录
  assetsDir: "static",// 静态文件目录，用于指定生成的静态文件放置的目录
  configureWebpack: {
    name: '大数据看板',  // 项目名称
    plugins: [
      new Unocss()  // 使用 Unocss 插件
    ],
    resolve: {
      alias: {
        '@': path.resolve('src'),  // 设置别名 '@' 指向 'src' 目录
        '~': path.resolve('src')  // 设置别名 '~' 指向 'src' 目录
      }
    }
  },
  devServer: {
    port: 8000,
    open: true
  }
})