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安装;vue