webpack处理字体图标资源08--webpack入门学习

_xiyang

于 2024-06-22 12:00:00 发布

阅读量1k

点赞数 21

分类专栏： webpack 文章标签： webpack 前端 node.js javascript

本文链接：https://blog.youkuaiyun.com/g841805/article/details/139832388

版权

处理字体图标资源

1. 下载字体图标文件

打开阿里巴巴矢量图标库
选择想要的图标添加到购物车，统一添加到项目并下载到本地

2. 添加字体图标资源

src/fonts/iconfont.ttf
src/fonts/iconfont.woff
src/fonts/iconfont.woff2
src/css/iconfont.css

注意字体文件路径需要修改!!!!!!!!!!!!!!!!!!!!!

src/main.js

import { add } from "./math";
import count from "./js/count";
import sum from "./js/sum";
// 引入资源，Webpack才会对其打包
import "./css/iconfont.css";
import "./css/index.css";
import "./less/index.less";
import "./sass/index.sass";
import "./sass/index.scss";
import "./styl/index.styl";
console.log(count(2, 1));
console.log(sum(1, 2, 3, 4));