So we want to set up our own build workflow and we'll use webpack for it,
let's first analyze what the requirements of our workflow are.
We certainly want to support next generation javascript features so we need to be able to compile that
next generation javascript code to current gen javascript code which runs in all major browsers these
days.
Additionally we want to be able to handle jsx so that we can use jsx in our script files, in our react
project.
We also want to add css auto-prefixing so that we can write simple css rules and get automatic prefixing
so that it supports the best syntax in all browsers our applications supports.
And we also want to support images of course, we should be able to import images as we did it in our
create react app and then use it to our template.
Finally we want to optimize the code, before we built that bundler or we spit it out,
it should be optimized to shrink our javascript code to as small of a size as possible.
These are the requirements,
that's basically what creates react gives us though that also gives us more like linting and so on
but these are the core requirements I also want to build
in this custom workflow.
So let's dive into that and let's see which dependencies we need to install and how we actually manage
these and how we then configure webpack.