15 webpack中使用url-loader处理字体文件
2024-08-27 09:00:32
引用字体图标，bootstrap有提供字体图标
1.安装bootstrap
cnpm i bootstrap -S
2.导入bootstrap
//注意：如果要通过路径的形式，去引入node_modules中相关的文件，可以直接省略路径前面的node_modules这一层目录，
直接写包的名称，然后后面跟上具体的文件路径
//不写node_modules这一层目录，默认就会去node_modules中查找
import 'bootstrap/dist/css/bootstrap.css'
3.匹配字体文件,配置所有第三方loader模块的
module:{
rules:[
{test:/\.(ttf|eot|svg|woff|woff2)$/,use:'url-loader'},//处理字体文件的loader
]
}
最新文章
- tomcat源码剖析
- CSS3 过渡特性创建信封效果的联系表单
- unity中全屏背景图缩放
- Android软件测试Monkey测试工具
- Python-Windows下安装BeautifulSoup和requests第三方模块
- Silverlight项目笔记7:xml/json数据解析、TreeView、引用类型与数据绑定错误、图片加载、虚拟目录设置、silverlight安全机制引发的问题、WebClient缓存问题
- iOS边练边学--static（作用域），copy（深浅拷贝）
- Prim算法与Dijkstra算法的联系与区别
- JMeter监控服务器CPU, 内存,网络数据
- stop()方法的精准应用
- 双网卡route配置
- Java-Swing嵌入浏览器（二）
- JS继承的几种方式
- 轻松实现语音识别的完整代码在android开发中
- jquery防止事件冒泡和取消默认行为案例
- redux:applyMiddleware源码解读
- Chrome debug tooltip having scrollbars
- C# string数组转int数组（转载）
- EF框架引用问题
- java中实现对list的模糊查询