babel-plugin-mayfly v7.0.0

Usage 使用

.babelrc文件配置

 "plugins": [
        ...
        // styleCustom or style, not both
        [ "mayfly", {
            "libraryName": "i-mayfly",
            "libraryDirectory": "lib/component",
            "styleCustom": "(item) => 'lib/sass/'+ item + '/index.scss'",
            // "styleLibraryDirectory": "lib/sass"
            // "style": "css"
        }],
        ...
    ]

Example 示例

 import { Table } from 'i-mayfly';

 > [ "mayfly", {
        ...
        "styleCustom": "(item) => 'lib/sass/'+ item + '/index.scss'"
    }]

    import Table from 'i-mayfly/lib/component/table'
    import 'i-mayfly/lib/sass/table/index.scss'

 > [ "mayfly", {
        ...
        "style": "css"
    }]

    import Table from 'i-mayfly/lib/component/table'
    import 'i-mayfly/lib/sass/table/style/css.js' 
    
 > [ "mayfly", {
        ...
        "styleLibraryDirectory": "lib/sass"
    }]

    import Table from 'i-mayfly/lib/component/table'
    import 'i-mayfly/lib/sass/table' 

Other 其他

开启了tree-shaking，同一文件中未引用的变量不做处理