webpack 图片的处理

webpack 图片的处理

• 利用url-loader处理图片，当图片小于12k时，转换为压缩base64编码的图片，大于12k输出到目录下，默认为path下的images下，可自己设置路径

{
    test:/\.(jpg|png)$/,
    use:'url-loader?limit=12000&name=../images/[name].[ext]'
}

注：publicPath一般最好不写。

---

• 利用file-upload直接全部将图片拷贝到目录下

{
    test:/\.(jpg|png)$/,
    loader:'file-loader,
    query:{
        name:'images/[name].[ext]'
    }
}