vite.config.ts文件常用配置--持续更新

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

// https://vitejs.dev/config/
export default defineConfig({
  build: {
    outDir: 'build' // 打包后文件包名称
  },
  resolve: {
    alias: {
      // 如何 __dirname 找不到 需要 yarn add @types/node --save-dev
      '@': path.resolve(__dirname, 'src')  // 别名
    }
  },
  server: {
    open: true,
    port: 3005,
    host: '0.0.0.0' // 还要再package.json中也配置一下, 才能实现使用 ip 地址访问启动的服务
  },
  plugins: [
    vue()
  ],
  css: {
    preprocessorOptions: {
      less: {
        javascriptEnabled: true,
        // 这样就能全局使用 src/assets/styles/base.less 定义的 变量
        additionalData:  `@import "${path.resolve(__dirname, 'src/assets/styles/base.less')}";`
      }
    }
  }
})

你可能感兴趣的:(vite.config.ts文件常用配置--持续更新)