关于webpack4:webpack之开发环境development

一，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 装置；