loader加载器

//使用ES6导入语法，导入jQuery import $ from 'jquery' //导入样式（在webpack中，一切皆模块） import './css/index.css'

1. webpack 默认只能打包处理 .js 结尾的文件，处理不了其它后缀的文件

2. 由于代码中包含了 index.css 这个文件，因此 webpack 默认处理不了

3. 当 webpack 发现某个文件处理不了的时候，会查找 webpack.config.js 这个配置文件，看 module.rules 数组中，是否配置了对应的 loader 加载器

module:{ rules:[ //定义了不同模块对应的loader {test：/\.css$/,use:['style-loader','css-loader']} ] }

4. webpack 把 index.css 这个文件，先转交给最后一个 loader 进行处理（先转交给 css-loader）
5. 当 css-loader 处理完毕之后，会把处理的结果，转交给下一个 loader（转交给 style-loader）
6. 当 style-loader 处理完毕之后，发现没有下一个 loader 了，于是就把处理的结果，转交给了 webpack
7. webpack 把 style-loader 处理的结果，合并到 /dist/bundle.js 中，最终生成打包好的文件