webpack在打包时默认是对js模块的打包，当对css打包时会报错。这时候需要用到一些loader来支持下
第一步
下载loader在package.json的终端位置执行
npm install css-loader -D(-D表示的是在开发环境需要)
下载完成以后，还需要在webpack.config.js文件进行下配置
css-loader只是对css模块进行了打包，但是在浏览器中还是没有效果，因为webpack没有把css转为style，所以此时还需要下载一个style-loader,
npm install style-loader -D
安装好这个两个后进行下配置，就可以生效了，上代码
安装好上面两个loader以后，基本的样式就可以生效了
此时还需要安装一个postcss工具，这个工具的作用是为了把一些css转化为所有浏览器都支持的工具，如加前缀和一些最新的写法，浏览器不支持的情况。执行下面命令
npm install postcss postcss-cli -D
安装好工具后，还需要安装一个postcss-loader,只要webpack才能用这个工具对其进行打包
执行下面命令
npm install postcss-loader
安装好工具后，还要安装一个插件，表示的是postcss用哪个插件进行对css进行处理，所以还需要执行
npm install postcss-preset-env -D
安装好loader和插件后，在webpack.config.js中进行配置,配置的代码如上面图片的形式。
配置好以后就可以写css了，也不用担心css的兼容性了。
