Vue项目中static和assets文件夹存放图片路径选择有何不同？

2026-04-01 14:040阅读0评论SEO基础

本文共计548个文字，预计阅读时间需要3分钟。

目录 + Vue图片选择路径位置static或assets区别 + 相同点 + 不同点 + Vue中assets下的图片路径 + Vue图片选择路径位置static或assets区别 + 用vuecli的默认情况static中文件不会经过webpack相关loaders

vue图片选择路径位置static或assets区别

用vuecli的话默认情况下 static 中的文件不会经过 webpack 相关 loader 处理

assets里面的图片是会经过 webpack 的 loader 处理的，而 static 里面的图片是被直接复制到 dist/static 下面的。

一般是把一些小图片放在 assets 里面，这样一些小图片就可以处理成 base64 了，或者全放在 assets 下面都可以。

assets和static两个都是存放静态资源文件。项目中所需要的资源文件图片，字体图标，样式文件等都可以放在这两个文件下。

本文共计548个文字，预计阅读时间需要3分钟。

用vuecli的话默认情况下 static 中的文件不会经过 webpack 相关 loader 处理

assets里面的图片是会经过 webpack 的 loader 处理的，而 static 里面的图片是被直接复制到 dist/static 下面的。

一般是把一些小图片放在 assets 里面，这样一些小图片就可以处理成 base64 了，或者全放在 assets 下面都可以。

assets和static两个都是存放静态资源文件。项目中所需要的资源文件图片，字体图标，样式文件等都可以放在这两个文件下。