webpack教程--05引入 css 样式

首先新建文件,添加代码

webpack教程--05引入 css 样式

然后添加以下配置

webpack教程--05引入 css 样式 

然后在控制台输入npm i -D css-loader

还有一个重要的一步,引入

webpack教程--05引入 css 样式

但是这样的话npm  start之后发现背景并没有生效,这个时候还需要做另外一件事,添加style-loader

webpack教程--05引入 css 样式

然后安装npm i -D style-loader 

接着npm start,生效!

当然也可以引入一个class

webpack教程--05引入 css 样式

在app.js中引入

webpack教程--05引入 css 样式

在app.css中添加以下代码 

 webpack教程--05引入 css 样式

查看界面生效