npm install iconfont-create-plugin
 

 
// webpack配置，较为简单配置svg的loader为vusion-iconmaker即可。
const FontIconCreatePlugin = require('fonticon-create-plugin');
 
module.exports = {
    module: {
        rules: [
            { test: /\.svg$/, loader: 'vusion-iconmaker', include: path.join(__dirname, 'src/icons') },
            { test: /\.css$/, use: [{ loader: 'style-loader' }, { loader: 'css-loader' }] },
            { test: /\.(woff|eot|ttf|svg)$/, loader: 'url-loader', exclude: path.join(__dirname, 'src/icons') }
        ]
    },
    plugins: [
        new FontIconCreatePlugin({
            name:"icon",
            output:{
                font:"/src/iconfont",
                css:"/src/css/font",
                html:"/src/iconfont"
            },
            suffix:{
                css:".mcss"
            },
            publishPath:"/publish/font/"
        }),
    ],
}
 

const $app = document.getElementById('app');
 
$app.innerHTML = `
<i class="${require('./icons/sound-off.svg')}"></i>
<i class="${require('./icons/sound-on.svg')}"></i>
<i class="${require('./icons/arrow-left.svg')}"></i>
<i class="${require('./icons/test/arrow-left.svg')}"></i>
<i class="${require('./icons/arrow-right.svg')}"></i>
<i class="${require('./icons/arrow-up.svg')}"></i>
`