nest 静态文件打包

最近在开发我的个人低代码平台,后端使用的是nest,在打包文件的时候遇到一些问题记录一下

遇到的问题

在我们使用nest打包的时候,如果我们没有配置assets,nest会默认忽略我们的静态文件(如图片等),但是在配置assets的时候,也遇到了一些问题,使用assets配置路径的情况下并没有将静态文件打包

一开始我配置的是,./src/assets/images 文件夹下所有的文件:

json 复制代码
"compilerOptions": {
    "deleteOutDir": true,
    "assets": [
        {
            "include": "./src/assets/**/*",
            "watchAssets": true
        }
    ]
}

但是这个并没有将文件打包上去,后来在进过一些官网资料的查找后,测试找到了解决防范

解决方法一

设置直接打包所有的图片

json 复制代码
"compilerOptions": {
    "deleteOutDir": true,
    "assets": [
        {
            "include": "**/*.jpg",
            "watchAssets": true
        }
    ]
}

但是注意**/*.jpg*.jpg 的区别

  • *.jpg:只会匹配 当前目录 下的 .jpg 文件
  • **/*.jpg:会递归匹配 当前目录 以及所有子目录中的 .jpg 文件

解决方法二

配置某个路径下的所有的资源

json 复制代码
"compilerOptions": {
    "deleteOutDir": true,
    "assets": [
        {
            "include": "**/assets/**/*",
            "watchAssets": true
        }
    ]
}

路径的区别

这三个路径模式的区别如下:

  1. ./src/assets/\*
    • 只匹配 ./src/assets/ 目录下的文件和直接的子目录。
    • 不会递归匹配子目录中的文件。
    • 例如,如果 ./src/assets/ 里有文件 file1.txt 和子目录 dir1,那么 ./src/assets/* 会匹配 file1.txtdir1,但不会匹配 dir1 里的文件。
  2. ./src/assets/\**/\*
    • 递归匹配 ./src/assets/ 及其所有子目录下的所有文件。
    • 进入任意深度的子目录,匹配所有文件。
    • 例如,如果 ./src/assets/ 下有文件 file1.txt 和子目录 dir1,而 dir1 下又有文件 file2.txt,那么 ./src/assets/**/* 会匹配 file1.txtdir1dir1/file2.txt,以此类推,直到匹配所有文件和目录。
  3. ./src/assets/\**
    • 这个模式匹配的是 ./src/assets/ 及其所有子目录 的目录(不包括文件)。
    • 只匹配目录,并递归查找子目录。
    • 例如,如果 ./src/assets/ 中有文件 file1.txt 和子目录 dir1,那么 ./src/assets/** 只会匹配 ./src/assets/./src/assets/dir1,而不会匹配 file1.txtdir1/file2.txt

补充

个人低代码:github.com/xiaojunnany... (求个star,还在开发中,欢迎体验)

博客:www.xiaojunnan.cn/

目前正在做低代码与AI的结合,有想法的欢迎与我沟通

相关推荐
向上的车轮1 天前
NestJS 的优秀替代框架——系统化选型指南(2026视角)
nestjs
kyriewen1 天前
我关掉了Copilot:因为我写的代码出现在了别人的建议里
前端·javascript·ai编程
欧雷殿1 天前
从「吸引子引导工程」看我的「一人公司」实践
前端·人工智能·后端
wordbaby1 天前
React Native + RNOH:一个 `lazyScreen()` 搞定 48 页面启动懒加载
前端·react native
竹林8181 天前
用 wagmi v2 踩坑两天,我终于搞懂了多链钱包切换
前端·javascript
吃乔巴的糖1 天前
Vue 3 打印模板设计器 (print-canvas-designer)
前端·vue.js
名字都不重要何况昵称1 天前
canvas 分层渲染思路和脏矩形处理
前端·canvas
布列瑟农的星空1 天前
前端是否需要架构
前端
子云zy1 天前
JS 对象与包装类:new 做了什么?字符串为什么有 length?
前端·javascript