一,loader加载器
1,image-webpack-loader
(1)目标:对图片image和svg等文件进行压缩,
(2)流程:通过image-webpack-loader,打包后就会压缩,文件体积就会少上很多。
vue-cli3.x的配置如下:
`
config.module
.rule('images')//开启图片压缩
.test(/.(png|jpe?g|gif)(?.*)?$/)
.use('image-webpack-loader')
.loader('image-webpack-loader')
.options({ bypassOnDebug: true })
config.module
.rule('svg')//开启svg压缩
.test(/.(svg)(?.*)?$/)
.use('image-webpack-loader')
.loader('image-webpack-loader')
.options({ bypassOnDebug: true })
`
*应用过程留神点:须用cnpm装置(因为该插件注册表在cnpm,·https://developer.aliyun.com/mirror/npm/package/image-webpack-loader
),如果用过yarn和npm装置过,记得卸载,而后再用cnpm装置;