vue项目中存放静态资源目录assets与static的区别
最近使用了vue-cli4创建了项目,项目目录里面取消了static目录,因为之前的项目里面存在static目录,有点迷这两个文件夹的区别,然后就各种查找资料,总结如下(也不知道有没有错…)assetsassets中的文件会经过webpack打包,重新编译,推荐该方式。staticstatic中的文件,不会经过编译。项目在经过打包后,会生成dist文件夹,static中的文件只是复制一遍而已。在h
·
最近使用了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"
}
];
},
更多推荐
已为社区贡献8条内容
所有评论(0)