在Nuxt.js中静态资源文件分为两类,一类是需要webpack处理的,另外一类是不需要webpack处理的。它们的存放目录是不一样的,下面简单梳理一下。
(1)assets
目录
如果静态资源文件需要webpack加载器做构建编译处理的,那么就需要放置在assets目录中。
file-loader
能让你指定从什么地方拷贝资源文件以及发布后放到哪个目录去,并能让你使用版本哈希码来重命名发布后的文件来实现增量更新和更好的缓存策略。url-loader
能根据你指定的文件大小阈值,来判断一个文件是转换成内联的base-64码(如果该文件尺寸小于该阈值)还是使用file-loader
来降级处理。小文件base-64化能有效减少HTTP请求数。
(2)static
目录
如果静态资源文件不需要webpack加载器做构建编译处理的,那么就需要放置在static目录中;Nuxt 服务器启动的时候,static目录下的文件会映射至应用的根路径 /
下。