webpack css加载和图片加载的方法示例

前端之家收集整理的这篇文章主要介绍了webpack css加载和图片加载的方法示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

css加载器

在webpack中,所有的资源(js文件、css文件、模板文件图片文件等等)都被看成是一个模块,因此多有的资源都是可以被加载的。

加载这些资源我们要在module属性定义这些加载配置(指定加载器)。

在module属性中,通过定义loaders定义加载器,其属性值是一个数组,每一个成员代表一个配置。

  • 通过test定义匹配的规则(正则表达式)
  • 通过loader定义加载器,可以通过!级联多个加载器

加载css是要两个加载器,一个是style-loader,一个是css-loader样式文件默认加载到head里面。

我们来看一个小例子

app.css

app.js

hello connie')

index.html

<Meta charset="UTF-8"> Title

猜你在找的JavaScript相关文章