从零开始学VUE之Webpack(URLLoader和FileLoader简单介绍)

处理图片加载:url-loader

使用时需要设置option:(limit:文件大小)如果小于设置的文件大小直接使用url-loader加载,会将图片转换为base64,如果是大于设置的大小,会调用file-loader进行加载

如果需要对图片进行按照自己要求的格式进行命名的话,就需要在option:{}中添加

 

 

处理文件加载:file-loader

如果需要加载大于url-loader的阈值的图片,需要使用file-loader,但是在打包完成后文件会被放在dist目录下,所以访问不到,需要添加配置,不过在之后执行打包中的index.html就不需要了

publicPath:'dist/'

只是简单介绍,在CLI中一般不需要手动配置,详细了解请前往webpack官网

作者：彼岸舞

时间：2021\06\07

内容关于：VUE

本文属于作者原创,未经允许,禁止转发