mirror of
https://github.com/zhigang1992/create-react-app.git
synced 2026-03-30 17:04:14 +08:00
613b584f42
* Add `PUBLIC_URL` env variable for advanced use (#937) * Add support for `PUBLIC_URL` env variable * Remove unnecessary duplications * Simplify served path choice logic * Honor PUBLIC_URL in development * Add e2e tests Enables serving static assets from specified host.
134 lines
4.9 KiB
JavaScript
134 lines
4.9 KiB
JavaScript
// @remove-on-eject-begin
|
||
/**
|
||
* 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.
|
||
*/
|
||
// @remove-on-eject-end
|
||
|
||
var path = require('path');
|
||
var fs = require('fs');
|
||
var url = require('url');
|
||
|
||
// Make sure any symlinks in the project folder are resolved:
|
||
// https://github.com/facebookincubator/create-react-app/issues/637
|
||
var appDirectory = fs.realpathSync(process.cwd());
|
||
function resolveApp(relativePath) {
|
||
return path.resolve(appDirectory, relativePath);
|
||
}
|
||
|
||
// We support resolving modules according to `NODE_PATH`.
|
||
// This lets you use absolute paths in imports inside large monorepos:
|
||
// https://github.com/facebookincubator/create-react-app/issues/253.
|
||
|
||
// It works similar to `NODE_PATH` in Node itself:
|
||
// https://nodejs.org/api/modules.html#modules_loading_from_the_global_folders
|
||
|
||
// We will export `nodePaths` as an array of absolute paths.
|
||
// It will then be used by Webpack configs.
|
||
// Jest doesn’t need this because it already handles `NODE_PATH` out of the box.
|
||
|
||
// Note that unlike in Node, only *relative* paths from `NODE_PATH` are honored.
|
||
// Otherwise, we risk importing Node.js core modules into an app instead of Webpack shims.
|
||
// https://github.com/facebookincubator/create-react-app/issues/1023#issuecomment-265344421
|
||
|
||
var nodePaths = (process.env.NODE_PATH || '')
|
||
.split(process.platform === 'win32' ? ';' : ':')
|
||
.filter(Boolean)
|
||
.filter(folder => !path.isAbsolute(folder))
|
||
.map(resolveApp);
|
||
|
||
var envPublicUrl = process.env.PUBLIC_URL;
|
||
|
||
function ensureSlash(path, needsSlash) {
|
||
var hasSlash = path.endsWith('/');
|
||
if (hasSlash && !needsSlash) {
|
||
return path.substr(path, path.length - 1);
|
||
} else if (!hasSlash && needsSlash) {
|
||
return path + '/';
|
||
} else {
|
||
return path;
|
||
}
|
||
}
|
||
|
||
function getPublicUrl(appPackageJson) {
|
||
return envPublicUrl || require(appPackageJson).homepage;
|
||
}
|
||
|
||
// We use `PUBLIC_URL` environment variable or "homepage" field to infer
|
||
// "public path" at which the app is served.
|
||
// Webpack needs to know it to put the right <script> hrefs into HTML even in
|
||
// single-page apps that may serve index.html for nested URLs like /todos/42.
|
||
// We can't use a relative path in HTML because we don't want to load something
|
||
// like /todos/42/static/js/bundle.7289d.js. We have to know the root.
|
||
function getServedPath(appPackageJson) {
|
||
var publicUrl = getPublicUrl(appPackageJson);
|
||
var servedUrl = envPublicUrl || (
|
||
publicUrl ? url.parse(publicUrl).pathname : '/'
|
||
);
|
||
return ensureSlash(servedUrl, true);
|
||
}
|
||
|
||
// config after eject: we're in ./config/
|
||
module.exports = {
|
||
appBuild: resolveApp('build'),
|
||
appPublic: resolveApp('public'),
|
||
appHtml: resolveApp('public/index.html'),
|
||
appIndexJs: resolveApp('src/index.js'),
|
||
appPackageJson: resolveApp('package.json'),
|
||
appSrc: resolveApp('src'),
|
||
yarnLockFile: resolveApp('yarn.lock'),
|
||
testsSetup: resolveApp('src/setupTests.js'),
|
||
appNodeModules: resolveApp('node_modules'),
|
||
ownNodeModules: resolveApp('node_modules'),
|
||
nodePaths: nodePaths,
|
||
publicUrl: getPublicUrl(resolveApp('package.json')),
|
||
servedPath: getServedPath(resolveApp('package.json'))
|
||
};
|
||
|
||
// @remove-on-eject-begin
|
||
function resolveOwn(relativePath) {
|
||
return path.resolve(__dirname, relativePath);
|
||
}
|
||
|
||
// config before eject: we're in ./node_modules/react-scripts/config/
|
||
module.exports = {
|
||
appBuild: resolveApp('build'),
|
||
appPublic: resolveApp('public'),
|
||
appHtml: resolveApp('public/index.html'),
|
||
appIndexJs: resolveApp('src/index.js'),
|
||
appPackageJson: resolveApp('package.json'),
|
||
appSrc: resolveApp('src'),
|
||
yarnLockFile: resolveApp('yarn.lock'),
|
||
testsSetup: resolveApp('src/setupTests.js'),
|
||
appNodeModules: resolveApp('node_modules'),
|
||
// this is empty with npm3 but node resolution searches higher anyway:
|
||
ownNodeModules: resolveOwn('../node_modules'),
|
||
nodePaths: nodePaths,
|
||
publicUrl: getPublicUrl(resolveApp('package.json')),
|
||
servedPath: getServedPath(resolveApp('package.json'))
|
||
};
|
||
|
||
// config before publish: we're in ./packages/react-scripts/config/
|
||
if (__dirname.indexOf(path.join('packages', 'react-scripts', 'config')) !== -1) {
|
||
module.exports = {
|
||
appBuild: resolveOwn('../../../build'),
|
||
appPublic: resolveOwn('../template/public'),
|
||
appHtml: resolveOwn('../template/public/index.html'),
|
||
appIndexJs: resolveOwn('../template/src/index.js'),
|
||
appPackageJson: resolveOwn('../package.json'),
|
||
appSrc: resolveOwn('../template/src'),
|
||
yarnLockFile: resolveOwn('../template/yarn.lock'),
|
||
testsSetup: resolveOwn('../template/src/setupTests.js'),
|
||
appNodeModules: resolveOwn('../node_modules'),
|
||
ownNodeModules: resolveOwn('../node_modules'),
|
||
nodePaths: nodePaths,
|
||
publicUrl: getPublicUrl(resolveOwn('../package.json')),
|
||
servedPath: getServedPath(resolveOwn('../package.json'))
|
||
};
|
||
}
|
||
// @remove-on-eject-end
|