在使用vue脚手架生成的目录中,会有一个src/assets还有一个static。
两者都可以用来放一些静态文件。那有什么区别呢?
static中的文件不会被webpack打包,文件被复制到dist/static
assets中的文件会经过 webpack 打包,重新编译。
图片若放在assets中,引入需要用require。
data () {
return {
pic: require( '@/assets/logo.png' )
}
}
一般第三方插件、本地图片等放在static目录下面,build编译后不会出现路径问题。
不想被别人直接看的css、js等放在assets目录下面。
本文解析了Vue项目中static与assets目录的功能差异。static存放的文件不会被webpack打包,适用于第三方插件和本地图片,避免编译后路径问题。assets中的文件则会被webpack处理,适合放置不想被直接查看的css、js等资源。
7657

被折叠的 条评论
为什么被折叠?



