最近使用了vue-cli4创建了项目,项目目录里面取消了static目录,因为之前的项目里面存在static目录,有点迷这两个文件夹的区别,然后就各种查找资料,总结如下(也不知道有没有错…)

assets

assets中的文件会经过webpack打包,重新编译,推荐该方式。

static

static中的文件,不会经过编译。项目在经过打包后,会生成dist文件夹,static中的文件只是复制一遍而已。


在html文件里面 都可以使用。但是因为webpack使用的是commenJs规范,所以通过js动态添加的assets目录下面的图片必须要使用require才可以呢~~
eg:

mounted () {
	this.banner_info = [
		{
			 assetsURL: require("../../../assets/images/logo.png"),
			 staticURL: "../../../assets/images/logo.png"
		}
	  ];
},
GitHub 加速计划 / ass / assets
184
19
下载
Ultralytics assets
最近提交(Master分支:2 个月前 )
969b5911 2 个月前
dcb30515 3 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐