Plugin use cases: autoprefix, minify etc. #8

Activity

1. codepunkt

   added

   enhancement

   on Jan 26, 2017
2. codepunkt commented on Jan 27, 2017

   

   codepunkt

   on Jan 27, 2017

   Last edited by codepunkt

   OwnerAuthor

   More actions

   @rofrischmann's inline-style-prefixer is around 8.5kb and 2.5kb when used in static mode. i'd rather not have this included, but it might be added as a plugin. A quick idea:

   plugin

   import Prefixer from 'inline-style-prefixer'
   
   export default (properties, options) => {
     const prefixer = new Prefixer(options)
     return prefixer.prefix(properties)
   }

   usage

   import spring from 'css-spring'
   import prefix from 'css-spring-prefixer'
   
   const keyframes = spring(
     { transform: '0deg' },
     { transform: '15deg' },
     { plugins: [ prefix ]},
   )

   After calculation of keyframes, plugins could be applied in the order they are defined - like this:

   plugins.forEach((plugin) => {
     const method = plugin.method || plugin
     const options = plugin.options || {}
   
     Object.keys(keyframes).forEach((percent) => {
       keyframes[percent] = method(keyframes[percent], options)
     })
   })
3. codepunkt

   self-assigned this

   on Jan 28, 2017
4. codepunkt

   added

   question

   on Jan 28, 2017
5. codepunkt

   changed the title [-]Auto-prefix[/-] [+]Plugin use cases: autoprefix, minify etc.[/+] on Feb 8, 2017