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

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

@H_403_0@

css加载器

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

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

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

  • 通过test定义匹配的规则(正则表达式)
  • 通过loader定义加载器,可以通过!级联多个加载器
@H_403_0@加载css是要两个加载器,一个是style-loader,一个是css-loader样式文件默认加载到head里面。

@H_403_0@我们来看一个小例子

@H_403_0@app.css

@H_403_0@app.js

hello connie@H_404_29@')
@H_403_0@index.html

<Meta charset="UTF-8"> Title

猜你在找的JavaScript相关文章