关于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装置；