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
44 lines
1.3 KiB
JavaScript
44 lines
1.3 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.
|
|
*/
|
|
|
|
// This Webpack plugin lets us interpolate custom variables into `index.html`.
|
|
// Usage: `new InterpolateHtmlPlugin({ 'MY_VARIABLE': 42 })`
|
|
// Then, you can use %MY_VARIABLE% in your `index.html`.
|
|
|
|
// It works in tandem with HtmlWebpackPlugin.
|
|
// Learn more about creating plugins like this:
|
|
// https://github.com/ampedandwired/html-webpack-plugin#events
|
|
|
|
'use strict';
|
|
const escapeStringRegexp = require('escape-string-regexp');
|
|
|
|
class InterpolateHtmlPlugin {
|
|
constructor(replacements) {
|
|
this.replacements = replacements;
|
|
}
|
|
|
|
apply(compiler) {
|
|
compiler.hooks.compilation.tap('InterpolateHtmlPlugin', compilation => {
|
|
compilation.hooks.htmlWebpackPluginBeforeHtmlProcessing.tap(
|
|
'InterpolateHtmlPlugin',
|
|
data => {
|
|
// Run HTML through a series of user-specified string replacements.
|
|
Object.keys(this.replacements).forEach(key => {
|
|
const value = this.replacements[key];
|
|
data.html = data.html.replace(
|
|
new RegExp('%' + escapeStringRegexp(key) + '%', 'g'),
|
|
value
|
|
);
|
|
});
|
|
}
|
|
);
|
|
});
|
|
}
|
|
}
|
|
|
|
module.exports = InterpolateHtmlPlugin;
|