webpack基本配置（二）--url和babel

配置url的loader

在页面上引用图片

• 安装npm i url-loader file-loader -D
• 打开webpack.config.js配置文件

{
   test:/\.(jpg|png|gif|bmp|jpeg)$/,use:'url-loader?limit=91560'}//处理图片路径的loader
// limit给定的值是图片的大小，单位是byte。如果引用的图片大于给定的limit值，则不会被转为base64格式的字符串，如果图片小于或等于给定的limit值，则会被转为base64字符串
//此时我的图片大小是91560byte的

当图片小于或等于给定的limit值时：
当图片大于给定的limit值时：（此时地址为hash值）

若要保存原有图片名称，则：

{
   test:/\.(jpg|png|gif|bmp|jpeg)$/,use