webpack 支持含 css 打包配置

1. 编写index.css 样式文件
2. 在index.js 中以ES6的语法引入
  import  './index.css';

3.npm run dev 启动时候会报错，需要安装
 npm install  css-loader@5.2.6  style-loader@2.0.0 -D

4.配置webpack.config.js文件
module:{
      rules:[
     {test: /\.css$/,use:['style-loader','css-loader'],}, ]}
6.执行npm run dev

执行过程
//   1.webpack默认打包处理.js结尾的文件，处理不了其他后缀的文件
//   2.由于代码中包含了index.css这个文件，因此webpack处理不了
//   3.当webpack发现某一个文件处理不了的时候，会查找webpack.config.js这个配置文件
//   看module.rules 数组中，是否配置了对应的loader 加载器
// module:{
//     rules:[
//         {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/bands.js 中，最终生成打包好的文件