boxart / boxart-boiler

A boilerplate for Responsive DOM based Open Web Games.
MIT License
13 stars 4 forks source link

Image Packaging part 2 #60

Open labond opened 8 years ago

labond commented 8 years ago

Webpack Plugin

This is an optimization plugin that builds a sprite sheet from all of the image assets referenced in a given chunk and outputs a style sheet that contains rules referencing the main sprite sheet and using background position to display only relevant images. In this way production builds that utilize the plugin are able to achieve maximum GPU performance.

:local(.something), :local(.somethingElse) {
  background-image: url(DATA_URI);
}

:local(.something) {
  background-position: X y;
}
kadamwhite commented 8 years ago

This ticket encapsulates efficiently providing the standard interface for using image assets defined in #38