Non Productive Monday

    antd-local-icon

    0.1.3 • Public • Published

    antd-local-icon

    A webpack loader for deploy icon files when using the antd

    Usage

    Note that you must import antd source instead of distribution.

    1. npm install --save-dev antd-local-icon

    2. Download the antd icon to local and place all font files in your project.

    3. Modify your webpack.config.js like following:

    module.exports = {
        //... your config
        
        module: {
            loaders: [
            //... your config
                {
                    test: function(abspath) {
                    // extract 'index.less' in antd to load it using antd-local-icon
                        return /\.less/.test(abspath) && abspath.indexOf('antd/lib/style/index.less') == -1;
                    },
                    loader: "style!css!less"
                },
                {
                    test: function(abspath) {
                        return abspath.indexOf('antd/lib/style/index.less') !== -1;
                    },
                    // the param url is your local icon files location.
                    loader: "style!css!less!antd-local-icon?url=/assets/font/iconfont"
                }
            ]
        }
    }

    Feedback

    If you have any questions or requirements, use Issues.

    Keywords

    none

    Install

    npm i antd-local-icon

    DownloadsWeekly Downloads

    1,011

    Version

    0.1.3

    License

    GNU

    Last publish

    Collaborators

    • yedaodao