boxart / boxart-boiler

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

Image Packaging part 1 #38

Open MattSurabian opened 8 years ago

MattSurabian commented 8 years ago

Provide an automated image packaging and chunking solution for SVG and binary images.

Webpack Loader

This loader will be all that gets used during active development so as to not package a sprite sheet on every local rebuild. It should internally generate a non-base64 dataUri of the image passed to it and create a style sheet that contains one item of the form:

:local(.someClass){
  background-image: url(DATA_URI);
  background-repeat: repeat;
}

With this generated style sheet we will then run the css-loader and the style-loader so that the resulting CSS is injected into the page at run time.

kadamwhite commented 8 years ago

This ticket encapsulates providing a standard interface for using image assets, #60 is how to provide that efficiently

kadamwhite commented 8 years ago

Blocks #10, because this determines what it is that we will need to pre-cache.