sherlock-mind

v1.6.75

Published

2 years ago

component library for react-native and react-native-web

Downloads

0High
0Medium
0Low

beven

react-native react-native-web react-native-for-web react components react native components sherlock sherlock-mind

rnsherlock

一、简介

链尚网React-Native 三端组件库

二、安装

npm install sherlock-mind --save

三、用例

import {Modal} from 'sherlock-mind';

四、使用配置:

.babelrc:

安装： npm install babel-plugin-import --save-dev

    //修改.babelrc
    {
        "presets": ["react-native"],
        "plugins": [
            ["import", [{ "libraryName": "sherlock-mind" }]]
        ]
    }

Web端Webpack打包配置:

    const postcssOpts = {
        ident: 'postcss',
        plugins: () => [
            autoprefixer({
            browsers: ['last 2 versions', 'Firefox ESR', '> 1%', 'ie >= 8', 'iOS >= 8', 'Android >= 4'],
            }),
            pxtorem({ rootValue: 100, propWhiteList: [] })
        ]
    };

    {
        module: {
        loaders: [
            {
                test: /\.(svg)$/i,
                loader: 'web-svg-sprite-loader',
                include: [
                    require.resolve('antd-mobile').replace(/warn\.js$/, ''),
                    //其他目录 
                ]
            },
            {
                test: /\.css$/i,
                use: ExtractTextPlugin.extract({
                    fallback: 'style-loader',
                    use: [
                    'css-loader', { loader: 'postcss-loader', options: postcssOpts }
                    ]
                })
            }
        ]
        },
        plugins: [
        new ExtractTextPlugin({ filename: '[name].css', allChunks: true }),
        ]
    }