loader 其实就是模块解析、模块转换器，⽤于把模块原内容按照需求转换成新内容。
webpack是模块打包⼯具，⽽模块不仅仅是js，还可以是css，图⽚或者其他格式<br>但是webpack默认只知道如何处理js和JSON模块，那么其他格式的模块处理，和处理⽅式就需要<br>loader了，而且不同loader职责都很单一。
常用的loader
style-loader<br>
安装 npm install style-loader --save-dev
style-loader 把 css-loader处理的好 css 插入到html的 DOM 中。
css-loader
安装 npm install --save-dev css-loader
css-loader 会对 @import 和 url() 进行处理，就像 js 解析 import/require() 一样。
less-loader <br>
安装 npm install less-loader --save-dev
webpack 将 Less 编译为 CSS 的 loader。<br>
sass-loader<br>
安装 npm install sass-loader sass webpack --save-dev
加载 Sass/SCSS 文件并将他们编译为 CSS。<br>
file-loader<br>
安装 npm install --save-dev file-loader
file-loader 处理图⽚，使用场景：就是当我们需要模块，仅仅是从源代码挪移到打包⽬录，就可以使⽤file-loader来处理，<br>txt，svg，csv，excel，图⽚资源啦等等
ts-loader<br>
安装 npm install ts-loader --save-dev
ts-loader 可以将ts代码转换成浏览器能够识别的js代码
babel-loader
安装 npm install -D babel-loader @babel/core @babel/preset-env webpack<br>
js代码转换ES6、7等js新特性语法
eslint-loader
安装 npm install eslint eslint-loader --save-dev<br>
用于 Webpack 的 ESlint loader<br>
