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的结合,有想法的欢迎与我沟通

相关推荐
超人不会飛9 分钟前
就着HTTP聊聊SSE的前世今生
前端·javascript·http
蓝胖子的多啦A梦12 分钟前
Vue+element 日期时间组件选择器精确到分钟,禁止选秒的配置
前端·javascript·vue.js·elementui·时间选选择器·样式修改
夏天想14 分钟前
vue2+elementui使用compressorjs压缩上传的图片
前端·javascript·elementui
今晚打老虎z22 分钟前
dotnet-env: .NET 开发者的环境变量加载工具
前端·chrome·.net
用户38022585982428 分钟前
vue3源码解析:diff算法之patchChildren函数分析
前端·vue.js
烛阴33 分钟前
XPath 进阶:掌握高级选择器与路径表达式
前端·javascript
小鱼小鱼干37 分钟前
【JS/Vue3】关于Vue引用透传
前端
GDAL38 分钟前
Node.js REPL 教程
node.js·编辑器·vim
JavaDog程序狗39 分钟前
【前端】HTML+JS 实现超燃小球分裂全过程
前端
独立开阀者_FwtCoder44 分钟前
URL地址末尾加不加 "/" 有什么区别
前端·javascript·github