Nuxt 3在Windows系统打包时遇到了哪些具体问题?

2026-05-19 17:421阅读0评论SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计363个文字,预计阅读时间需要2分钟。

Nuxt 3在Windows系统打包时遇到了哪些具体问题?

0.+ 背景:使用 Nuxt 3 开发了公司官网,涵盖了样式、字体图标、图片、视频等内容。样式和字体图标存放在 assets/styles 和 assets/fonts 目录下,图片和视频则放在 public/images 和 public 目录中。

0. 背景

之前用 Nuxt 3 写了公司的官网,包括了样式、字体图标、图片、视频等,其中样式和字体图标放在了 assets/stylesassets/fonts 目录下,而图片和视频则放在了 public/imagespublic/videos 目录下。

1. 起因

在不改变任何 nuxt.config.ts 打包配置的情况下,直接执行 npm run build,会生成一个 .output 目录,结构如下

我们再展开 _nuxt 文件夹,结构如下

Nuxt 3在Windows系统打包时遇到了哪些具体问题?

这里有个问题就是 .output/public/ 下和 .output/public/_nuxt/ 下都有 imagesvideos 文件夹,而且里面的内容完全一样,这就造成了发布包体积变大

2. 经过

然后查阅了官网的配置文档,发现 app.buildAssetsDir 可以改变静态资源的输出路径(默认值也的确是 _nuxt),于是将其改成 / 后再次打包,然而并没有任何变化

标签:打包问题

本文共计363个文字,预计阅读时间需要2分钟。

Nuxt 3在Windows系统打包时遇到了哪些具体问题?

0.+ 背景:使用 Nuxt 3 开发了公司官网,涵盖了样式、字体图标、图片、视频等内容。样式和字体图标存放在 assets/styles 和 assets/fonts 目录下,图片和视频则放在 public/images 和 public 目录中。

0. 背景

之前用 Nuxt 3 写了公司的官网,包括了样式、字体图标、图片、视频等,其中样式和字体图标放在了 assets/stylesassets/fonts 目录下,而图片和视频则放在了 public/imagespublic/videos 目录下。

1. 起因

在不改变任何 nuxt.config.ts 打包配置的情况下,直接执行 npm run build,会生成一个 .output 目录,结构如下

我们再展开 _nuxt 文件夹,结构如下

Nuxt 3在Windows系统打包时遇到了哪些具体问题?

这里有个问题就是 .output/public/ 下和 .output/public/_nuxt/ 下都有 imagesvideos 文件夹,而且里面的内容完全一样,这就造成了发布包体积变大

2. 经过

然后查阅了官网的配置文档,发现 app.buildAssetsDir 可以改变静态资源的输出路径(默认值也的确是 _nuxt),于是将其改成 / 后再次打包,然而并没有任何变化

标签:打包问题