Sprite图(雪碧图),将项目中需要用到的icon合并到一张图以减少图片资源的请求次数。
npm install webpack-spritesmith –save-dev
在webpack.config.js中
const SpritesmithPlugin = require('webpack-spritesmith')
plugins: [
new SpritesmithPlugin({
//设置源icons,即icon的路径,必选项
src: {
cwd: path.resolve(__dirname, 'src/images/icons'),
glob: '*.png'
},
//设置导出的sprite图及对应的样式文件,必选项
target: {
image: path.resolve(__dirname, 'src/images/sprites/spr