webpack中css-loader和style-loader出现的问题

如果我们在打包的入口js文件中import了css文件，并且想要把css文件作为<style>的内容插入到模版文件，这时候我们要用到webpack的css-loader和style-loader，前者用于在js中加载css，后者把加载的css作为style标签内容插入到html中。
在安装css-loader和style-loader插件然后import css文件：
var footerCss =require("../../css/footer.css");
运行后在cmd中会报错：
ERROR in ./css/footer.css
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| .minFooter{
|   background-color: #333333;
|   color:#ffffff;
 @ ./js/compoents/footer.js 21:16-47
 @ ./js/index.js
是因为版本问题，只需把引入的css文件方式改成var footerCss =require("style-loader!css-loader!../../css/footer.css");