loader 和 plugin的区别使用loader转译css代码时，你又多少个文件就在html文件中生成多少个styl

对比css两种转译方式

使用loader转译css代码时，你又多少个文件就在html文件中生成多少个style标签。

如下实例在引入两个css文件: 运行之后查看html页面生成了两个style文件

loader是一对一进行转译的

同样时两个文件，打包之后查看dist目录

两个文件中的css代码都生成到了一个文件中。

plugin可以综合多个文件然后合并一个文件

loader 加载器用来加载文件。例如babel-loader将高级的js load成ie支持的js。css-loader和style-loader使用来加载css然后把他变成页面中的style标签。

plugin 插件就是用来增强webpack的功能。例如HtmlWebpackPlugin是用来加载html文件的，MiniCssExtractPlugin插件用于抽取多个文件中的css代码来生成一个css文件的。

loader的功能比较单一，而plugin的功能比较强大。