191问答库 > vue-cli中自定义路径别名 assets和static文件夹的区别

vue-cli中自定义路径别名 assets和static文件夹的区别

2025-03-09 22:15:55

推荐回答（1个）

回答1：

assets目录中的文件会被webpack处理解析为模块依赖，只支持相对路径形式。例如，在 ![](./logo.png)
和 background: url(./logo.png)中，"./logo.png" 是相对的资源路径，将由Webpack解析为模块依赖。

static/ 目录下的文件并不会被Webpack处理：它们会直接被复制到最终的打包目录（默认是dist/static）下。必须使用绝对路径引用这些文件，这是通过在 config.js 文件中的 build.assetsPublicPath 和 build.assetsSubDirectory 连接来确定的。