登录方式:

QQ登录

安装

npm install fis-postpackager-iconfont -g

最新的 fis-postpackager-iconfont 在 npm install 时,已经调用脚本去拉取iconfont平台的svg文件,并同步到安装目录下。

如果上面的步骤失败,请手动同步svg到项目目录下,点此下载,解压到src同级目录svgs下,同时配置插件的svgPath路径(默认会去 fis-postpackager-iconfont插件的安装目录下找svg)。

构建配置

fis3配置
// settings
postpackager: fis.plugin('iconfont', {
    //可选,遍历js时,可以忽略的基础库
    ignore: ['zepto', 'badjs', 'mod', 'bj-report', 'tools', 'db.js'],
    //可选,匹配的icon前缀,即类名是i-xxx, optional, 默认是 i-
    classPrefix: 'i-',
    // 本地svg路径,方便生成字体文件,这里可以使用脚本同步iconfont平台上的svg
    // 默认指向 fis3-postpackager-iconfont 安装目录下的svgs文件夹(安装插件是,自动执行脚本,同步iconfont.imweb.io平台上的svg文件),若fis3-postpackager-iconfont安装目录下的svgs目录中有svg,这里可以不需要配置;否者,需要手动同步svg到项目目录,然后配置svgPath
    svgPath: '../svgs',
    // 必须,字体的产出路径
    output: 'modules/common/fonts',
    //可选, css 是否inline到页面, 默认已link方式引入
    cssInline: true,
    //可选, 字体content使用的伪类,只能填after或者before,默认为after
    pseClass: 'before' // 伪类名
})

// 最简配置
postpackager: fis.plugin('iconfont', {
    output: 'modules/common/fonts'
})
fis2 配置
fis.config.merge({
    modules: {
        postpackager: ['iconfont']
    }
});
fis.config.merge({
    settings: {
        postpackager: {
            iconfont: {
                // 配置同上
               output: 'modules/common/fonts' 
            }
        }
    }
});

字体和响应的css文件会产出到对应目录的(dev或者dist目录)modules/common/fonts下,配置cssInline:true,最终css会内联到html中