最近使用了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"
		}
	  ];
},
Logo

前往低代码交流专区

更多推荐