Nuxt 3在Windows系统打包时遇到了哪些具体问题?
- 内容介绍
- 文章标签
- 相关推荐
本文共计363个文字,预计阅读时间需要2分钟。
0.+ 背景:使用 Nuxt 3 开发了公司官网,涵盖了样式、字体图标、图片、视频等内容。样式和字体图标存放在 assets/styles 和 assets/fonts 目录下,图片和视频则放在 public/images 和 public 目录中。
0. 背景之前用 Nuxt 3 写了公司的官网,包括了样式、字体图标、图片、视频等,其中样式和字体图标放在了 assets/styles 和 assets/fonts 目录下,而图片和视频则放在了 public/images 和 public/videos 目录下。
在不改变任何 nuxt.config.ts 打包配置的情况下,直接执行 npm run build,会生成一个 .output 目录,结构如下
我们再展开 _nuxt 文件夹,结构如下
这里有个问题就是 .output/public/ 下和 .output/public/_nuxt/ 下都有 images 和 videos 文件夹,而且里面的内容完全一样,这就造成了发布包体积变大。
然后查阅了官网的配置文档,发现 app.buildAssetsDir 可以改变静态资源的输出路径(默认值也的确是 _nuxt),于是将其改成 / 后再次打包,然而并没有任何变化
本文共计363个文字,预计阅读时间需要2分钟。
0.+ 背景:使用 Nuxt 3 开发了公司官网,涵盖了样式、字体图标、图片、视频等内容。样式和字体图标存放在 assets/styles 和 assets/fonts 目录下,图片和视频则放在 public/images 和 public 目录中。
0. 背景之前用 Nuxt 3 写了公司的官网,包括了样式、字体图标、图片、视频等,其中样式和字体图标放在了 assets/styles 和 assets/fonts 目录下,而图片和视频则放在了 public/images 和 public/videos 目录下。
在不改变任何 nuxt.config.ts 打包配置的情况下,直接执行 npm run build,会生成一个 .output 目录,结构如下
我们再展开 _nuxt 文件夹,结构如下
这里有个问题就是 .output/public/ 下和 .output/public/_nuxt/ 下都有 images 和 videos 文件夹,而且里面的内容完全一样,这就造成了发布包体积变大。
然后查阅了官网的配置文档,发现 app.buildAssetsDir 可以改变静态资源的输出路径(默认值也的确是 _nuxt),于是将其改成 / 后再次打包,然而并没有任何变化

