webpack-loader的注意点（特点）

1.什么是loader？

webpack 可以使用 loader 来预处理文件。这允许你打包除 JavaScript 之外的任何静态资源。你可以使用 Node.js 来很简单地编写自己的 loader。

2.使用loader的特点

2.1单一原则

一个loader只做一件事情

2.2多个loader会按照从右至左、从下到上的顺序执行

例如: 从右至左
[ ‘style-loader’, ‘css-loader’ ]
先执行css-loader解析css文件关系拿到所有内容,
再执行style-loader将内容插入到HTML的HEAD代码中
例如: 从下至上
[{
loader: “style-loader”
},{
loader: “css-loader”
}]
先执行css-loader解析css文件关系拿到所有内容,
再执行style-loader将内容插入到HTML的HEAD代码中