Step By Step: Sass with Autoprefixer #5 - Webpack 4

Please join us on:
************************

Article Abstract
************************
In this article we will make use of autoprefixer to apply vendor specific tags to our css
when needed as well as convert over from using css to using scss. As most people are well
aware of the nature of web development requires us to take into account what browser our
users might be using. In the area of css this is done by applying vendor prefixes to our styles
where needed, which would get very annoying if we had to do it by hand. Luckily we have to
such as autoprefixer to apply those prefixes for us. In addition to that we can make
structuring large projects easier by using a css preprocessor instead of css itself. My
choice for preprocessor is scss which we will configure webpack to use.

Credits
************************

[okuz]

thank you! this is exactly what I was looking for for the last 2 days!

[glebsneg]

THANK YOU VERY MUCH
I spent a lot of time for this plugin, but after your video everything is working.
thanks a lot

[AbdulWahab-evct]

great and to the point explanation thank you @Exciton Interactive LLC
🙂

[RonaldJayBuayan]

great video! was really helpful at my current situation

[AbdulWahab-evct]

I have a basic question my format is like this postcss-loader first then
sass-loader and they work absolutely fine sass is compiling and to css
and code is also autoprefixed
use: [
'style-loader',
MiniCssExtractPlugin.loader,
'css-loader',
'sass-loader',
'postcss-loader'
]
while you're one are like this
use: [
MiniCssExtractPlugin.loader,
'css-loader',
'postcss-loader',
'sass-loader',

]
So what's the difference between these two setup. Thank you !