vue app.vue中引入阿里巴巴图标库

版权声明：本文为博主原创文章，未经博主允许不得转载。 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>