vite打包配置版本号

你可以在 Vite 的配置文件 `vite.config.js` 中使用 `define` 配置项来指定版本号，如下所示：

// vite.config.js
import { defineConfig } from 'vite';

export default defineConfig({
  define: {
    '__APP_VERSION__': JSON.stringify(require('./package.json').version)
  }
});

然后在你的代码中就可以通过 `__APP_VERSION__` 访问到版本号了，例如：

console.log(`App version: ${__APP_VERSION__}`);

在打包时，Vite 会将 `__APP_VERSION__` 替换为实际的版本号。

相关问题

vue vite打包配置

Vue 3.x 与 Vite 配置打包非常简单，只需要在项目根目录下创建一个 `vite.config.js` 文件，然后在文件中配置相关选项即可。

以下是一个简单的示例：

// vite.config.js
import { defineConfig } from 'vite'

export default defineConfig({
  build: {
    target: 'es2015',
    outDir: 'dist',
    assetsDir: 'assets'
  }
})

在这个示例中，我们设置了输出目标为 ES2015，输出文件夹为 `dist`，静态资源文件夹为 `assets`。当然，还有很多其他配置选项可供选择，具体可以参考 Vite 官方文档。

需要注意的是，Vite 默认使用 Rollup 打包工具进行打包，因此一些 Rollup 相关的配置选项也可以在 `vite.config.js` 中配置。例如，如果需要打包成 CommonJS 模块格式，可以添加以下选项：

// vite.config.js
import { defineConfig } from 'vite'

export default defineConfig({
  build: {
    rollupOptions: {
      output: {
        format: 'cjs'
      }
    }
  }
})

以上就是一个简单的 Vue 3.x + Vite 打包配置示例。

详细vite打包配置vue

Vite 是一个基于 ESM（ES Module）的构建工具，可以快速地启动开发服务器并构建项目。下面是一个基本的 Vite 配置文件 `vite.config.js` 的示例：

// vite.config.js
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [vue()],
  build: {
    target: 'es2015',
    outDir: 'dist',
    assetsDir: 'static',
    sourcemap: true,
    minify: 'terser'
  }
})

其中，`defineConfig` 函数用于定义配置项，`vue` 插件用于支持 Vue 单文件组件。`build` 属性用于定义构建选项，包括目标、输出目录、静态资源目录、是否生成源映射以及是否压缩代码。

除此之外，Vite 还支持很多插件和配置项，可以根据项目的需求进行定制化配置。例如，可以使用 `@vitejs/plugin-eslint` 插件进行代码检查，使用 `vue-jest` 进行单元测试，使用 `autoprefixer` 插件进行 CSS 自动添加浏览器前缀等等。具体的配置方法可以参考 Vite 官方文档。