build(webpack): Fix webpack chunk names
diff --git a/src/sentry/static/sentry/app/components/avatar/gravatar.jsx b/src/sentry/static/sentry/app/components/avatar/gravatar.jsx
index c3d096606fa4f..a2d021b34334d 100644
--- a/src/sentry/static/sentry/app/components/avatar/gravatar.jsx
+++ b/src/sentry/static/sentry/app/components/avatar/gravatar.jsx
@@ -30,7 +30,7 @@ class Gravatar extends React.Component {
   componentDidMount() {
     this._isMounted = true;
 
-    import(/*webpackChunkName: MD5*/ 'crypto-js/md5').then(MD5 => {
+    import(/*webpackChunkName: "MD5"*/ 'crypto-js/md5').then(MD5 => {
       if (!this._isMounted) return;
       this.setState({MD5});
     });
diff --git a/src/sentry/static/sentry/app/routes.jsx b/src/sentry/static/sentry/app/routes.jsx
index 49b0ffe5f2577..cbb3bd4592e17 100644
--- a/src/sentry/static/sentry/app/routes.jsx
+++ b/src/sentry/static/sentry/app/routes.jsx
@@ -432,7 +432,7 @@ function routes() {
       <IndexRoute
         name="General"
         componentPromise={() =>
-          import(/*webpackChunkName: OrganizationGeneralSettings*/ './views/settings/organizationGeneralSettings')}
+          import(/*webpackChunkName: "OrganizationGeneralSettings"*/ './views/settings/organizationGeneralSettings')}
         component={errorHandler(LazyLoad)}
       />
 
@@ -440,14 +440,14 @@ function routes() {
         path="projects/"
         name="Projects"
         componentPromise={() =>
-          import(/*webpackChunkName: OrganizationProjects*/ './views/settings/organizationProjects')}
+          import(/*webpackChunkName: "OrganizationProjects"*/ './views/settings/organizationProjects')}
         component={errorHandler(LazyLoad)}
       />
 
       <Route path="api-keys/" name="API Key">
         <IndexRoute
           componentPromise={() =>
-            import(/*webpackChunkName: OrganizationApiKeys*/ './views/settings/organizationApiKeys')}
+            import(/*webpackChunkName: "OrganizationApiKeys"*/ './views/settings/organizationApiKeys')}
           component={errorHandler(LazyLoad)}
         />
 
@@ -455,7 +455,7 @@ function routes() {
           path=":apiKey/"
           name="Details"
           componentPromise={() =>
-            import(/*webpackChunkName: OrganizationApiKeyDetails*/ './views/settings/organizationApiKeys/organizationApiKeyDetails')}
+            import(/*webpackChunkName: "OrganizationApiKeyDetails"*/ './views/settings/organizationApiKeys/organizationApiKeyDetails')}
           component={errorHandler(LazyLoad)}
         />
       </Route>
@@ -464,7 +464,7 @@ function routes() {
         path="audit-log/"
         name="Audit Log"
         componentPromise={() =>
-          import(/*webpackChunkName: OrganizationAuditLog*/ './views/settings/organizationAuditLog')}
+          import(/*webpackChunkName: "OrganizationAuditLog"*/ './views/settings/organizationAuditLog')}
         component={errorHandler(LazyLoad)}
       />
 
@@ -490,7 +490,7 @@ function routes() {
           path="new/"
           name="Invite"
           componentPromise={() =>
-            import(/*webpackChunkName: InviteMember*/ './views/settings/organizationMembers/inviteMember')}
+            import(/*webpackChunkName: "InviteMember"*/ './views/settings/organizationMembers/inviteMember')}
           component={errorHandler(LazyLoad)}
         />
 
@@ -498,7 +498,7 @@ function routes() {
           path=":memberId/"
           name="Details"
           componentPromise={() =>
-            import(/*webpackChunkName: OrganizationMemberDetail*/ './views/settings/organizationMembers/organizationMemberDetail')}
+            import(/*webpackChunkName: "OrganizationMemberDetail"*/ './views/settings/organizationMembers/organizationMemberDetail')}
           component={errorHandler(LazyLoad)}
         />
       </Route>
@@ -507,7 +507,7 @@ function routes() {
         path="rate-limits/"
         name="Rate Limits"
         componentPromise={() =>
-          import(/*webpackChunkName: OrganizationRateLimits*/ './views/settings/organizationRateLimits')}
+          import(/*webpackChunkName: "OrganizationRateLimits"*/ './views/settings/organizationRateLimits')}
         component={errorHandler(LazyLoad)}
       />
 
@@ -515,21 +515,21 @@ function routes() {
         path="repos/"
         name="Repositories"
         componentPromise={() =>
-          import(/*webpackChunkName: OrganizationRepositories*/ './views/settings/organizationRepositories')}
+          import(/*webpackChunkName: "OrganizationRepositories"*/ './views/settings/organizationRepositories')}
         component={errorHandler(LazyLoad)}
       />
 
       <Route
         path="settings/"
         componentPromise={() =>
-          import(/*webpackChunkName: OrganizationGeneralSettings*/ './views/settings/organizationGeneralSettings')}
+          import(/*webpackChunkName: "OrganizationGeneralSettings"*/ './views/settings/organizationGeneralSettings')}
         component={errorHandler(LazyLoad)}
       />
 
       <Route name="Teams" path="teams/">
         <IndexRoute
           componentPromise={() =>
-            import(/*webpackChunkName: OrganizationTeams*/ './views/settings/organizationTeams')}
+            import(/*webpackChunkName: "OrganizationTeams"*/ './views/settings/organizationTeams')}
           component={errorHandler(LazyLoad)}
         />
 
@@ -537,7 +537,7 @@ function routes() {
           name="Team"
           path=":teamId/"
           componentPromise={() =>
-            import(/*webpackChunkName: TeamDetails*/ './views/settings/organizationTeams/teamDetails')}
+            import(/*webpackChunkName: "TeamDetails"*/ './views/settings/organizationTeams/teamDetails')}
           component={errorHandler(LazyLoad)}
         >
           <IndexRedirect to="members/" />
@@ -545,21 +545,21 @@ function routes() {
             path="members/"
             name="Members"
             componentPromise={() =>
-              import(/*webpackChunkName: TeamMembers*/ './views/settings/organizationTeams/teamMembers')}
+              import(/*webpackChunkName: "TeamMembers"*/ './views/settings/organizationTeams/teamMembers')}
             component={errorHandler(LazyLoad)}
           />
           <Route
             path="projects/"
             name="Projects"
             componentPromise={() =>
-              import(/*webpackChunkName: TeamProjects*/ './views/settings/organizationTeams/teamProjects')}
+              import(/*webpackChunkName: "TeamProjects"*/ './views/settings/organizationTeams/teamProjects')}
             component={errorHandler(LazyLoad)}
           />
           <Route
             path="settings/"
             name="settings"
             componentPromise={() =>
-              import(/*webpackChunkName: TeamSettings*/ './views/settings/organizationTeams/teamSettings')}
+              import(/*webpackChunkName: "TeamSettings"*/ './views/settings/organizationTeams/teamSettings')}
             component={errorHandler(LazyLoad)}
           />
         </Route>
@@ -568,14 +568,14 @@ function routes() {
       <Route name="Integrations" path="integrations/">
         <IndexRoute
           componentPromise={() =>
-            import(/*webpackChunkName: OrganizationIntegrations*/ './views/organizationIntegrations')}
+            import(/*webpackChunkName: "OrganizationIntegrations"*/ './views/organizationIntegrations')}
           component={errorHandler(LazyLoad)}
         />
         <Route
           name="Configure Integration"
           path=":providerKey/:integrationId/"
           componentPromise={() =>
-            import(/*webpackChunkName: ConfigureIntegration*/ './views/settings/organizationIntegrations/configureIntegration')}
+            import(/*webpackChunkName: "ConfigureIntegration"*/ './views/settings/organizationIntegrations/configureIntegration')}
           component={errorHandler(LazyLoad)}
         />
       </Route>
@@ -759,39 +759,39 @@ function routes() {
           <Route
             path="/organizations/:orgId/health/"
             componentPromise={() =>
-              import(/*webpackChunkName: OrganizationHealth*/ './views/organizationHealth')}
+              import(/*webpackChunkName: "OrganizationHealth"*/ './views/organizationHealth')}
             component={errorHandler(LazyLoad)}
           >
             <IndexRoute
               componentPromise={() =>
-                import(/*webpackChunkName: HealthOverview*/ './views/organizationHealth/overview')}
+                import(/*webpackChunkName: "HealthOverview"*/ './views/organizationHealth/overview')}
               component={errorHandler(LazyLoad)}
             />
             <Route
               path="errors"
               componentPromise={() =>
-                import(/*webpackChunkName: HealthErrors*/ './views/organizationHealth/errors')}
+                import(/*webpackChunkName: "HealthErrors"*/ './views/organizationHealth/errors')}
               component={errorHandler(LazyLoad)}
             />
 
             <Route
               path="transactions"
               componentPromise={() =>
-                import(/*webpackChunkName: HealthTransactions*/ './views/organizationHealth/transactions')}
+                import(/*webpackChunkName: "HealthTransactions"*/ './views/organizationHealth/transactions')}
               component={errorHandler(LazyLoad)}
             />
 
             <Route
               path="browsers"
               componentPromise={() =>
-                import(/*webpackChunkName: HealthBrowsers*/ './views/organizationHealth/browsers')}
+                import(/*webpackChunkName: "HealthBrowsers"*/ './views/organizationHealth/browsers')}
               component={errorHandler(LazyLoad)}
             />
 
             <Route
               path="devices"
               componentPromise={() =>
-                import(/*webpackChunkName: HealthDevices*/ './views/organizationHealth/devices')}
+                import(/*webpackChunkName: "HealthDevices"*/ './views/organizationHealth/devices')}
               component={errorHandler(LazyLoad)}
             />
           </Route>

I think these get evaluated as javascript so the chunk names need to be
a string.