vite.config.ts文件常用配置--持续更新
2021-09-02 本文已影响0人
东方三篇
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')}";`
}
}
}
})