Fix InterpolateHtmlPlugin only replacing the first occurrence (facebook#731)

Fixes facebook#625 (comment).

Author: fson

packages/react-dev-utils/InterpolateHtmlPlugin.js

@@ -16,6 +16,7 @@
 // https://github.com/ampedandwired/html-webpack-plugin#events
 
 'use strict';
+const escapeStringRegexp = require('escape-string-regexp');
 
 class InterpolateHtmlPlugin {
  constructor(replacements) {
@@ -29,7 +30,10 @@ class InterpolateHtmlPlugin {
  // 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('%' + key + '%', value);
+ data.html = data.html.replace(
+ new RegExp('%' + escapeStringRegexp(key) + '%', 'g'),
+ value
+ );
  });
  callback(null, data);
  }

packages/react-dev-utils/package.json

@@ -22,6 +22,7 @@
  ],
  "dependencies": {
  "chalk": "1.1.3",
+ "escape-string-regexp": "1.0.5",
  "opn": "4.0.2"
  },
  "peerDependencies": {