String is modified in the production build

Is this a bug report?

Yes.

Did you try recovering your dependencies?

This is about a clean new project.

Environment

1. node -v: 8.9.4
2. npm -v: 5.6.0
3. npm ls react-scripts: 1.1.1
4. Operating system: macOS

Steps to reproduce

1. create-react-app minification-test && cd minification-test
2. Replace App.js with

import React, { Component } from 'react';

class App extends Component {
  render() {
    const test = `<Script></Script>`;

    return (
      <p>{test}</p>
    );
  }
}

export default App;

1. npm run build
2. serve -s build (npm install serve -g if needed)

Expected behavior

I expect to see <Script></Script> on the screen.

Actual behavior

I see <Script></script> – the second script is lowercase.

Reproducible demo

npm start:

Build:

[agentcooper]

This looks like an UglifyJS issue, it is reproducible in UglifyJS playground with following code:

const test = `<Script></Script>`;

and inline_script option enabled.

[Timer]

Looks like this was fixed in Uglify. It’ll work its way in here eventually.

Thanks for the report!