关于vite.config.ts文件的配置方式
目录
- vite.config.ts文件的配置
- 1、alias配置别名
- 2、关于path的引入
- vite项目在jenkins自动打包报错
- 2种解决方案
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,执行yarn add @types/node --save-dev"@": path.resolve(__dirname, "src"),"comps": path.resolve(__dirname, "src/components"),}}})
1、alias配置别名
如果报错__dirname找不到,需要安装node,
执行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 onvite项目在jenkins自动打包报错找不到esbuild-linux-64
在window环境开发用的找不到esbuild-windows-64,在linux环境构建需要使用esbuild-linux-64,找不到esbuild-linux-64就会报错
实际报错:
error during build:报错原因: vite在linux环境打找不到esbuild-linux-64
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.
2种解决方案
1、在linux环境下,打包前先 npm i esbuild-linux-64
2、在外网windows环境下运行以下命令(可在版本号去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目录下即可
【关于vite.config.ts文件的配置方式】以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
推荐阅读
- 笔记|SSM框架配置文件详解
- 关于葡萄酒的保质期
- intellij-idea|全网最详细(基于SpringMVC实现CRUD&文件上传下载)
- spring|SpringMVC ---- CRUD和文件上传下载
- 黑科技|关于如何使用python下载各大网站的视频
- 图像处理|吴恩达深度学习-Course4第三周作业 yolo.h5文件读取错误解决方法
- Python|Pycharm 更改了pycharm64.exe.Vmoptions文件,后Pycharm打不开。
- C#/VB.NET|C#/VB.NET 创建PDF/UA文件
- 文件下载漏洞笔记
- 关于相册九宫格选中未选中逻辑的判断