mirror of
https://github.com/zhigang1992/create-react-app.git
synced 2026-01-13 09:00:30 +08:00
24b18aedd9
* Allow importing package.json * Remove package.json import from App.js template * fix importing package.json * Rename variable to reflect path is relative to root * Check for both package & package.json in ModuleScopePlugin * Use regex to check relative path to package.json * Strictly enforce package.json extension on scope plugin * Add allowedPaths to ModuleScopePlugin ctor and use it to allow app package.json * Remove package.json import from App.js template * Add package.json to react-scripts/template, show package version and name in the template * Remove import package.json from template * Remove template/package.json and its references in code * Update ModuleScopePlugin.js * Update README.md
84 lines
2.6 KiB
JavaScript
84 lines
2.6 KiB
JavaScript
/**
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the BSD-style license found in the
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
const chalk = require('chalk');
|
|
const path = require('path');
|
|
|
|
class ModuleScopePlugin {
|
|
constructor(appSrc, allowedFiles = []) {
|
|
this.appSrc = appSrc;
|
|
this.allowedFiles = new Set(allowedFiles);
|
|
}
|
|
|
|
apply(resolver) {
|
|
const { appSrc } = this;
|
|
resolver.plugin('file', (request, callback) => {
|
|
// Unknown issuer, probably webpack internals
|
|
if (!request.context.issuer) {
|
|
return callback();
|
|
}
|
|
if (
|
|
// If this resolves to a node_module, we don't care what happens next
|
|
request.descriptionFileRoot.indexOf('/node_modules/') !== -1 ||
|
|
request.descriptionFileRoot.indexOf('\\node_modules\\') !== -1 ||
|
|
// Make sure this request was manual
|
|
!request.__innerRequest_request
|
|
) {
|
|
return callback();
|
|
}
|
|
// Resolve the issuer from our appSrc and make sure it's one of our files
|
|
// 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('..\\')) {
|
|
return callback();
|
|
}
|
|
const requestFullPath = path.resolve(
|
|
path.dirname(request.context.issuer),
|
|
request.__innerRequest_request
|
|
);
|
|
if (this.allowedFiles.has(requestFullPath)) {
|
|
return callback();
|
|
}
|
|
// Find path from src to the requested file
|
|
// Error if in a parent directory of src/
|
|
const requestRelative = path.relative(appSrc, requestFullPath);
|
|
if (
|
|
requestRelative.startsWith('../') ||
|
|
requestRelative.startsWith('..\\')
|
|
) {
|
|
callback(
|
|
new Error(
|
|
`You attempted to import ${chalk.cyan(
|
|
request.__innerRequest_request
|
|
)} which falls outside of the project ${chalk.cyan(
|
|
'src/'
|
|
)} directory. ` +
|
|
`Relative imports outside of ${chalk.cyan(
|
|
'src/'
|
|
)} are not supported. ` +
|
|
`You can either move it inside ${chalk.cyan(
|
|
'src/'
|
|
)}, or add a symlink to it from project's ${chalk.cyan(
|
|
'node_modules/'
|
|
)}.`
|
|
),
|
|
request
|
|
);
|
|
} else {
|
|
callback();
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
module.exports = ModuleScopePlugin;
|