使用css样式表美化组件

在React中，虽然能够将样式写成js的形式，但这种方法不太方便，写样式最好的方法还是使用css样式表。

安装配置css-loader

安装

cnpm i style-loader css-loader -D

配置

在webpack.config.js中的module节点下新增rule：

{
    test: /\.css$/,
    use: ["style-loader", "css-loader"]
}

使用

安装配置完loader之后，就可以通过import "@/css.css"的方式在组件当中引入css样式表。