版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/rosemarryTop/article/details/82978988
在vue中采用fontclass的形式引入阿里巴巴图标
步骤一:
检查webpack.config.js中的配置:
rules: [{
test: /\.(png|jpg|gif|svg|eot|woff|woff2|ttf)$/,
loader: 'file-loader',
options: {
name: '[name].[ext]?[hash]'
}
}
]
步骤二:
在xxx.vue文件中采用src的形式引入,这里自行填入iconfont.css的地址
<style src="../assets/font/iconfont.css"></style>
步骤三:
在所需图标的地方引入即可
<i class="iconfont icon-chengcaoji"></i>