美文网首页
vite.config.ts文件常用配置--持续更新

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

作者: 东方三篇 | 来源:发表于2021-09-02 10:57 被阅读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')}";`
      }
    }
  }
})

相关文章

网友评论

      本文标题:vite.config.ts文件常用配置--持续更新

      本文链接:https://www.haomeiwen.com/subject/iavqwltx.html