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