• 使用url-loader处理字体图标


    首先要知道一个字体图标网站http://www.fontawesome.com.cn/

    上面有教程,我们可以找到自己需要的图标来用

    例如:引入相机图标

     我们要想用字体图标,首先需要下载这个包

    在终端输入命令: npm i font-awesome -S(因为它不是一个工具,最后需要呈现在网页上,给用户看,所以-S)

    (判断用-S,-D的方法:要让用户看到的东西就是-S,这个东西在传统页面上的时候,需不需要用link,script标签把它导进来,如果按照以前的方法需要我们去导入,它就是-S,这属于运行时依赖。如果不需要,他就是一个语法的转义,工具性质的东西,就是开发人员使用的就是-D)

    安装完以后可以在node_modules中找到

             

     接下来需要在main.js中引入样式

     引入css文件只需要写路径就可以了。

    (webpack本质上只能处理.js文件,也就是说它是用来处理js代码的,并不能直接处理外部样式

      处理.css文件需要一套加载器style-loader,css-loader,在这里还需要用到专门用来处理字体的第三方loader--->url-loader
    然后配置一下:

     最后运行

  • 相关阅读:
    C#中的委托和事件的使用
    C#中Attribute/特性的使用
    Eclipase + CDT
    设计模式总结
    Nginx源码编译
    Nginx自定义扩展模块
    电池的寿命
    大盗阿福
    河中跳房子
    An Easy Problem
  • 原文地址:https://www.cnblogs.com/mmit/p/12758266.html
Copyright © 2020-2023  润新知