mirror of
https://github.com/zhigang1992/create-react-app.git
synced 2026-01-12 22:46:30 +08:00
d72678fb0c
- [x] Utilize webpack 4 development and production modes - [x] Upgrade webpack dev server - [x] Webpack 4 compatible release of thread-loader - [x] Webpack 4 compatible release of HtmlWebpackPlugin - [x] Webpack 4 compatible release of SwPrecacheWebpackPlugin - [x] Webpack 4 compatible release of WebpackManifestPlugin - [x] Update README - [x] Update WebpackDevServerUtils - [x] Update InterpolateHtmlPlugin - [x] Update ModuleScopePlugin - [x] Update WatchMissingNodeModulesPlugin - [x] Move UglifyJS options to webpack 4 optimize - [x] Move InterpolateHtmlPlugin to make it tapable on HtmlWebpackPlugin - [x] vendor splitting via splitChunks.splitChunks (https://twitter.com/wSokra/status/969633336732905474) - [x] long term caching via splitChunks.runtimeChunk (https://twitter.com/wSokra/status/969679223278505985) - [x] Make sure process.env.NODE_ENV is proxied correctly to `react-error-overlay` - [x] Implicit webpack.NamedModulesPlugin in dev config as its default in webpack 4 - [x] Disable webpack performance hints as we have our own filesize reporter - [x] Replace ExtractTextPlugin with MiniCssExtractPlugin - [x] Switch to css whole file minification via OptimizeCSSAssetsPlugin rather than per module css minification to gain performance
92 lines
2.9 KiB
JavaScript
92 lines
2.9 KiB
JavaScript
/**
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
const chalk = require('chalk');
|
|
const path = require('path');
|
|
|
|
class ModuleScopePlugin {
|
|
constructor(appSrc, allowedFiles = []) {
|
|
this.appSrcs = Array.isArray(appSrc) ? appSrc : [appSrc];
|
|
this.allowedFiles = new Set(allowedFiles);
|
|
}
|
|
|
|
apply(resolver) {
|
|
const { appSrcs } = this;
|
|
resolver.hooks.file.tapAsync(
|
|
'ModuleScopePlugin',
|
|
(request, contextResolver, 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?
|
|
if (
|
|
appSrcs.every(appSrc => {
|
|
const relative = path.relative(appSrc, request.context.issuer);
|
|
// If it's not in one of our app src or a subdirectory, not our request!
|
|
return 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 all given appSrcs
|
|
if (
|
|
appSrcs.every(appSrc => {
|
|
const requestRelative = path.relative(appSrc, requestFullPath);
|
|
return (
|
|
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;
|