webpack打包报错

错误 ：

ERROR in ./app/style.css
Module parse failed: Unexpected token (1:3)
You may need an appropriate loader to handle this file type.
| div{
|     border: 2px solid red;
|     font-size: 50px;

 @ ./app/index.js 2:0-22

在利用webpack打包时，默认处理的为js文件，当文件为css并且有样式时（style）,需要安装其他的模块加载器，如下 :

npm install css-loader style-loader --save-dev

在js中引入css文件时，要利用加载器处理css文件，引入方式：

处理的css中含有样式：
require (' style-loader!css-loader!./style.css ');

在处理时，先处理右边的文件，也就是先找到css文件，再处理样式，所以顺序绝对不能写反，从右向左写！！