webpack教程--05引入 css 样式

首先新建文件,添加代码

webpack教程--05引入 css 样式_第1张图片

然后添加以下配置

webpack教程--05引入 css 样式_第2张图片 

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

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

webpack教程--05引入 css 样式_第3张图片

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

webpack教程--05引入 css 样式_第4张图片

然后安装npm i -D style-loader 

接着npm start,生效!

当然也可以引入一个class

webpack教程--05引入 css 样式_第5张图片

在app.js中引入

webpack教程--05引入 css 样式_第6张图片

在app.css中添加以下代码 

 webpack教程--05引入 css 样式_第7张图片

查看界面生效 

你可能感兴趣的:(webpack)