From 6ab0ec00751315353a5d42d55c17d527631dbd2d Mon Sep 17 00:00:00 2001
From: Evan Jones <evanjones4040@gmail.com>
Date: Wed, 28 Jun 2017 07:29:58 -0700
Subject: [PATCH] Better React Native Web support (#2511)
* Better React Native Web support
* Adding better react-native-web support for jest testing
---
packages/react-scripts/config/webpack.config.dev.js | 4 +++-
packages/react-scripts/config/webpack.config.prod.js | 4 +++-
packages/react-scripts/scripts/utils/createJestConfig.js | 1 +
3 files changed, 7 insertions(+), 2 deletions(-)
diff --git a/packages/react-scripts/config/webpack.config.dev.js b/packages/react-scripts/config/webpack.config.dev.js
index 44b5f5c4f..7536b1389 100644
--- a/packages/react-scripts/config/webpack.config.dev.js
+++ b/packages/react-scripts/config/webpack.config.dev.js
@@ -94,7 +94,9 @@ module.exports = {
// We also include JSX as a common component filename extension to support
// some tools, although we do not recommend using it, see:
// https://github.com/facebookincubator/create-react-app/issues/290
- extensions: ['.js', '.json', '.jsx'],
+ // `web` extension prefixes have been added for better support
+ // for React Native Web.
+ extensions: ['.web.js', '.js', '.json', '.web.jsx', '.jsx'],
alias: {
// @remove-on-eject-begin
// Resolve Babel runtime relative to react-scripts.
diff --git a/packages/react-scripts/config/webpack.config.prod.js b/packages/react-scripts/config/webpack.config.prod.js
index e7995d8f7..f31fd3ebf 100644
--- a/packages/react-scripts/config/webpack.config.prod.js
+++ b/packages/react-scripts/config/webpack.config.prod.js
@@ -94,7 +94,9 @@ module.exports = {
// We also include JSX as a common component filename extension to support
// some tools, although we do not recommend using it, see:
// https://github.com/facebookincubator/create-react-app/issues/290
- extensions: ['.js', '.json', '.jsx'],
+ // `web` extension prefixes have been added for better support
+ // for React Native Web.
+ extensions: ['.web.js', '.js', '.json', '.web.jsx', '.jsx'],
alias: {
// @remove-on-eject-begin
// Resolve Babel runtime relative to react-scripts.
diff --git a/packages/react-scripts/scripts/utils/createJestConfig.js b/packages/react-scripts/scripts/utils/createJestConfig.js
index 13ae8b304..de74958ef 100644
--- a/packages/react-scripts/scripts/utils/createJestConfig.js
+++ b/packages/react-scripts/scripts/utils/createJestConfig.js
@@ -43,6 +43,7 @@ module.exports = (resolve, rootDir, isEjecting) => {
moduleNameMapper: {
'^react-native$': 'react-native-web',
},
+ moduleFileExtensions: ['web.js', 'js', 'json', 'web.jsx', 'jsx'],
};
if (rootDir) {
config.rootDir = rootDir;
--
GitLab