[Refer Link](https://stackoverflow.com/questions/34039826/webpack-style-loader-vs-css-loader)
They perform different operations, but it's often useful to `chain` them together,
like `Unix pipes`.
1. affix `-loader` could be ommited(省略);
2. order: right to left;
3. *inx `pipe like`, chain operation;
4.
For example, if you were using the Less CSS preprocessor, you could use
```JavaScript
let cssStyle = require("style!css!less!./file.less");
```
to
* Turn file.less into plain CSS with the Less loader
* Resolve all the imports and url(...)s in the CSS with the CSS loader
* Insert those styles into the page with the style loader
* use the cssStyle object in JS/X file