0. 背景 之前用 Nuxt 3 写了公司的官网,包括了样式、字体图标、图片、视频等,其中样式和字体图标放在了 assets/styles 和 assets/fonts 目录下,而图片和视频则放在了 public/images 和 public
之前用 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
),于是将其改成 /
后再次打包,然而并没有任何变化