vite.config.ts文件的配置

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

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],  // 注冊插件
  server: {
    open: true
  },
  resolve: {
    alias: {
      // 如果報錯__dirname找不到，需要安裝node,執(zhí)行yarn add @types/node --save-dev
      "@": path.resolve(__dirname, "src"),
      "comps": path.resolve(__dirname, "src/components"),
    }
  }
})

1、alias配置別名

如果報錯__dirname找不到，需要安裝node,

執(zhí)行yarn add @types/node --save-dev

2、關于path的引入

不要再使用 let path = require(‘path’)

使用 import path from ‘path’ 進行引入

vite項目在jenkins自動打包報錯

failed to load config from ../vite.config.js You installed esbuild on

vite項目在jenkins自動打包報錯找不到esbuild-linux-64

在window環(huán)境開發(fā)用的找不到esbuild-windows-64，在linux環(huán)境構建需要使用esbuild-linux-64，找不到esbuild-linux-64就會報錯

實際報錯：

error during build:
11:21:11 Error: 
11:21:11 You installed esbuild on another platform than the one you're currently using.
11:21:11 This won't work because esbuild is written with native code and needs to
11:21:11 install a platform-specific binary executable.
11:21:11 
11:21:11 Specifically the "esbuild-windows-64" package is present but this platform
11:21:11 needs the "esbuild-linux-64" package instead. People often get into this
11:21:11 situation by installing esbuild on Windows or macOS and copying "node_modules"
11:21:11 into a Docker image that runs Linux, or by copying "node_modules" between
11:21:11 Windows and WSL environments.

報錯原因： vite在linux環(huán)境打找不到esbuild-linux-64

2種解決方案

1、在linux環(huán)境下，打包前先 npm i esbuild-linux-64

2、在外網(wǎng)windows環(huán)境下運行以下命令（可在版本號去package-lock.json中查看esbuild-linux-64版本號后自行修改下載）

curl -O https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.14.34.tgz

下載后解壓得到package文件夾，將其改名為esbuild-linux-64復制到當前項目node_modules目錄下即可

以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論