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

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

Usage no npm install needed!

<script type="module">
  import babelPluginReactNativePlatformSpecificExtensions from 'https://cdn.skypack.dev/babel-plugin-react-native-platform-specific-extensions';
</script>

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.