什么是loader,什么是plugins

1. loader是用来告诉webpack如何转换某一类型的文件，并且引入到打包出的文件中

2. plugins是用来拓展webpack功能的，他们会在整个构建过程中生效，执行相关的任务

3. 在webpack.config.js中配置

   module.exports = {
     module: {
       rules: [
         {
           test: /\.txt$/,
           use: 'raw-loader'
         }
       ]
     }
     plugins: [  
           new HtmlWebpackPlugin({  
               template: __dirname + "/app/index.tmpl.html"//new 一个这个插件的实例，并传入相关的参数  
           })  
   ],  
   }
   

4. webpack常用loader

   style-loader, css-loader, sass-loader, file-loader, babel-loader

5. webpack常用plugins

   htmlWebpackPlugin：作用是依据一个简单的模板，帮助生成最终的html，html自动引用了打包后的js文件

   hotModuleReplacement：允许在修改组件代码后，自动刷新实时预览修改后的效果。

   clean-webpack-plugin：在webpack打包时清理dist目录