oligriffiths / broccolijs-tutorial Goto Github PK

For example:

• How to create 2-4 copy of .jpg with differend quality and rename it from sun.jpg -> sun_low.jpg, sun_mid.jpg, sun_hi.jpg, sun_retina.jpg
• convert all .png into .webp?
• create list of chanks for audiofile and put each chung in dist subfolder? {1.mp3, 2.mp3 -> /1/file.mp3, /2/file.mp3}

How it may looks like in broccoli tree paradigm?
for example, I have external js plugins, and they accept binary data and return binary.

1.)

import imgScaler from 'some-repo';
let scaledResult =  await imgScaler(rawInput, { sceleQuality: 25 });

2.)

import imgConverter from 'some-repo';
let convertedImg =  await imgConverter(rawJPGInput, { output: 'webp' });

3.)

import musicSlicer from  'some-repo';
let slices =  await musicSlicer(rawMp3FileInput, { slices: 42 });

How to extract binary from tree?
How to "replace" one binary to another?
How to dynamically add binary into tree?
How to rename tree item?

Hey Oli,

I came across this repo by way of some of my LinkedIn colleagues indicating that they're helping to review it. There's no indication of licensing for this content -- can we add a MIT or similarly permissive LICENSE.md?

Thanks for the great tutorial @oligriffiths .

I'm trying out step 12 and I can see minification working for CSS but not JS. Is there some additional config needed for uglify? When I say not working I mean there is no difference between the production and development app.js files, and in production that file contains whitespace and long variable names.

Here's the article and I've confirmed this on the branch.

For debugging/teaching, I've started using this

https://glitch.com/edit/#!/remix/silver-swift

If someone wants to be super awesome, maybe they could attempt to complete this tutorial on the web, and create a new glitch for the starting point of each exercise