babel-plugin-react-native-platform-specific-extensions

Allow react-native platform specific extensions to be used for other file types than Javascript.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
babel-plugin-react-native-platform-specific-extensions
1.1.14 years ago5 years agoMinified + gzip package size for babel-plugin-react-native-platform-specific-extensions in KB

Readme

babel-plugin-react-native-platform-specific-extensions
NPM version Build Status Coverage Status PRs Welcome Greenkeeper badge
Allow react-native platform specific extensions to be used for other file types than Javascript.
Example:
import styles from "./styles.css";
  • styles.android.css <- Android only
  • styles.ios.css <- iOS only
  • styles.native.css <- Both Android and iOS
  • styles.css <- Default. Android, iOS and Web

Usage

Step 1: Install

yarn add --dev babel-plugin-react-native-platform-specific-extensions

or
npm install --save-dev babel-plugin-react-native-platform-specific-extensions

Step 2: Configure .babelrc

You must give one or more file extensions inside an array in the plugin options.
{
  "presets": [
    "react-native"
  ],
  "plugins": [
    ["react-native-platform-specific-extensions", {
      "extensions": ["css", "scss", "sass"],
    }]
  ]
}

TODO

  • Support require.