Allow importing package.json

Author: iamdoron

packages/react-dev-utils/ModuleScopePlugin.js

@@ -37,10 +37,14 @@ class ModuleScopePlugin {
       // Maybe an indexOf === 0 would be better?
       const relative = path.relative(appSrc, request.context.issuer);
       // If it's not in src/ or a subdirectory, not our request!
-      if (
-        relative.startsWith('../') ||
-        relative.startsWith('..\\')
-      ) {
+      if (relative.startsWith('../') || relative.startsWith('..\\')) {
+        return callback();
+      }
+      const descriptionFileRelativeToRoot = path.relative(
+        request.descriptionFileRoot,
+        request.descriptionFilePath
+      );
+      if (descriptionFileRelativeToRoot === 'package.json') {
         return callback();
       }
       // Find path from src to the requested file
@@ -53,8 +57,7 @@ class ModuleScopePlugin {
       );
       // Error if in a parent directory of src/
       if (
-        requestRelative.startsWith('../') ||
-        requestRelative.startsWith('..\\')
+        requestRelative.startsWith('../') || requestRelative.startsWith('..\\')
       ) {
         callback(
           new Error(

packages/react-scripts/template/src/App.js

@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import logo from './logo.svg';
 import './App.css';
+import { version, name } from '../../package.json';
 
 class App extends Component {
   render() {
@@ -9,6 +10,7 @@ class App extends Component {
         <div className="App-header">
           <img src={logo} className="App-logo" alt="logo" />
           <h2>Welcome to React</h2>
+          <p>{`${name} v${version}`}</p>
         </div>
         <p className="App-intro">
           To get started, edit <code>src/App.js</code> and save to reload.