René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"SCSS SourceMap pointing to the Parent selector only.","articleBody":"Mac OSX (El Capitan?)\nangular-cli: 1.0.0-beta.18\nnode: 6.7.0\n\nWhen running 'ng serve' or 'ng build' the SCSS SourceMaps only point to the Parent selector and not the correct selector.\n\n\u003cimg width=\"320\" alt=\"2016-10-22_0150\" src=\"https://cloud.githubusercontent.com/assets/3236909/19618268/21cb7c3a-97fa-11e6-97c3-8547c933d7ab.png\"\u003e\n\nBut as you can see it is not pointing to the correct selector.  It should be pointing to line 13 not line 5.\n\n\u003cimg width=\"298\" alt=\"2016-10-22_0156\" src=\"https://cloud.githubusercontent.com/assets/3236909/19618290/016d5746-97fb-11e6-887d-4ea0db9e34ae.png\"\u003e\n\nThis seems to be related more towards angular-cli and webpack as running the node-sass cli works fine and points to line 13\n`node-sass --source-map true src/styles.scss \u003e styles.css`\n\nI have tried changing devtool to 'source-map' in \n/node_modules/angular-cli/models/webpack-build-development.js\nAnd still no luck.\n\nPS in order to get SourceMaps to work I needed to add ?sourceMap to the css and sass loaders in \n/node_modules/angular-cli/models/webpack-build-common.js\nAlso I needed to update angular-cli: 1.0.0-beta.17 to angular-cli: 1.0.0-beta.18\n\nHere is my loader configurations in \n/node_modules/angular-cli/models/webpack-build-common.js\n\n\u003e //  in main, load css as raw text\n\u003e                 {\n\u003e                     exclude: styles,\n\u003e                     test: /.css$/,\n\u003e                     loaders: ['raw-loader', 'postcss-loader']\n\u003e                 }, {\n\u003e                     exclude: styles,\n\u003e                     test: /.styl$/,\n\u003e                     loaders: ['raw-loader', 'postcss-loader', 'stylus-loader'] },\n\u003e                 {\n\u003e                     exclude: styles,\n\u003e                     test: /.less$/,\n\u003e                     loaders: ['raw-loader', 'postcss-loader', 'less-loader']\n\u003e                 }, {\n\u003e                     exclude: styles,\n\u003e                     test: /.scss$|.sass$/,\n\u003e                     loaders: ['raw-loader', 'postcss-loader', 'sass-loader?sourceMap']\n\u003e                 },\n\u003e                 // outside of main, load it via style-loader\n\u003e                 {\n\u003e                     include: styles,\n\u003e                     test: /.css$/,\n\u003e                     loaders: ['style-loader', 'css-loader', 'postcss-loader']\n\u003e                 }, {\n\u003e                     include: styles,\n\u003e                     test: /.styl$/,\n\u003e                     loaders: ['style-loader', 'css-loader', 'postcss-loader', 'stylus-loader']\n\u003e                 }, {\n\u003e                     include: styles,\n\u003e                     test: /.less$/,\n\u003e                     loaders: ['style-loader', 'css-loader', 'postcss-loader', 'less-loader']\n\u003e                 }, {\n\u003e                     include: styles,\n\u003e                     test: /.scss$|.sass$/,\n\u003e                     loaders: ['style-loader', 'css-loader?sourceMap', 'postcss-loader', 'sass-loader?sourceMap']\n\u003e                 }\n\nI tried removing 'postcss-loader' and also rearranging the loaders, but still no luck.\n\nI am thinking that maybe one of the loaders is running before the sass source-maps is running and getting the incorrect or compressing the css before it runs the source map, but I am not sure.\n\nAny Help?\n\nThanks\n","author":{"url":"https://github.com/ggedde","@type":"Person","name":"ggedde"},"datePublished":"2016-10-22T09:37:42.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":17},"url":"https://github.com/2826/angular-cli/issues/2826"}