Vue中assets和static文件夹的区别

210 篇文章 4 订阅

public

public放不会变动的文件 public建议放一些外部第三方.如:jquery.js

  • public/ 目录下的文件并不会被Webpack处理:它们会直接被复制到最终的打包目录(默认是dist/static)下。必须使用绝对路径引用这些文件,
  • 这个取决于你vue.config.js中publicPath的配置,默认的是/。
  • 任何放置在 public 文件夹的静态资源都会被简单的复制,而不经过 webpack。你需要通过绝对路径来引用它们

如在vue文件中引入static中的文件。
在这里插入图片描述
页面中可以正常显图片
在这里插入图片描述

asstes

assets放可能会变动的文件, 自己的文件放在assets,别人的放public中
assets目录中的文件会被webpack处理解析为模块依赖,只支持相对路径形式。

注意我们推荐将资源作为你的模块依赖图的一部分导入,这样它们会通过 webpack 的处理并获得如下好处。
简单来说就是就是public放别人家js文件(也就是不会变动),assets放自己写的js文件(需要改动的文件)

在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值