webpack中使用CSS文件的配置 webpack.connfig.js

1. 1.在入口文件ain,js文件中依赖CSS文件
   
2. 写完依赖后重新打包

(1) cd ..  到上一个文件夹
(2) cd 03-webpack的loader
(3)npm run build
(4)回车
(5)安装css-loader，回车
(6)配置
(7)再次打包（步骤和3.4.5.6一致）：npm run build,回车
(8)安装style-loader（注意改变指令），回车
(9)配置

• 安装css-loader,下面这条指令直接从loader复制即可
  
• 配置
  在webpack.config.js文件中添加下列圈出来的代码（该代码直接从loader官网中复制就行，因为还没配置style-loaderr，所以先删除‘style-loader’）
  CSS-loader只负责将CSS文件进行加载，也不负责样式展现，必须重新创建一个style-loader
  
  
• 再次打包
  npm run build,回车
  安装style-loader（注意改变指令），回车
  
  配置:在css-loader前面直接添加style-loader（注意：前后顺序不可变）
  
  运行
  
  刷新一下，此时样式就展现了