Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • C create-react-app
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 1,547
    • Issues 1,547
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 417
    • Merge requests 417
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Meta
  • create-react-app
  • Merge requests
  • !4008

Enable CSS source maps in development

  • Review changes

  • Download
  • Email patches
  • Plain diff
Closed Administrator requested to merge github/fork/patrickhulce/css_dev_sourcemaps into next Feb 09, 2018
  • Overview 3
  • Commits 1
  • Pipelines 0
  • Changes 1

Created by: patrickhulce

Turns on source maps for CSS loader in development webpack config.

Benefit is that styles pane in DevTools can now show the path to the source file with link to surrounding content instead of just <style>...</style>. Turning on the sourceMap flag for postCSSLoaderOptions as well seemed to mutate the path and remove the "src" directory bit (and also doesn't match the prod config), so avoided that.

Before

image

After

image

Assignee
Assign to
Reviewers
Request review from
Time tracking
Source branch: github/fork/patrickhulce/css_dev_sourcemaps